dynamic menus with dynamic level

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Sagar 74 posts 275 karma points

Jun 03, 2016 @ 12:32

0

Dynamic Menus with Dynamic Level

How to create Dynamic Menus with Dynamic Child Levels??.

Copy Link
MuirisOG 382 posts 1284 karma points

Jun 03, 2016 @ 13:11

1

Log into the Umbraco backend, then select the Settings section, and then select a template to edit.

The editing area for the template has an icon which allows you to insert an inline razor macro, which has a few options for adding menus.

Copy Link
Sagar 74 posts 275 karma points

Jun 08, 2016 @ 04:10

0

Can u please Elaborate provide Code for it

Copy Link

Dennis Adolfi 1082 posts 6449 karma points MVP 6x c-trib

Jun 08, 2016 @ 07:48

Hi Sagar.

I might be wrong, but it sounds like you are looking for a menu that uses a traverse method helper to iterate children and create a dynamic menu?

Could this work for you?

@{ 
    var site = CurrentPage.Site();
    if (site != null) {
        <ul>
            <li class="@(CurrentPage.Id == site.Id ? "selected" : "")"><a href="@(site.Url)">@site.Name</a></li>
            @traverse(site)
        </ul>         
    }
}                                                      

@helper traverse(dynamic parent)
{
    <ul>
        @foreach (IPublishedContent node in parent.Children.Where("Visible"))
        {                
                <li>
                    <a class="@(CurrentPage.Id == node.Id ? "selected" : "")" href="@node.Url">@node.Name</a>                                       
                    @traverse(node)
                </li>            
        }
    </ul>                                                            
}

Copy Link

Sagar 74 posts 275 karma points

Jun 08, 2016 @ 08:53

1

Thnxx Dennis it worked, but having some allignment issue which i will be fixing

Thnxx for the reply..

Copy Link
Dennis Adolfi 1082 posts 6449 karma points MVP 6x c-trib

Jun 08, 2016 @ 09:01

1

Great! Glad to help!!

Yeah, it probobly needs som Css-lovin to make it look pretty, but that should be a quick fix.

Take care, best of luck with the rest of the site!

/ Dennis

Copy Link

MuirisOG 382 posts 1284 karma points

Jun 17, 2016 @ 09:44

Apologies Sagar

I thought you were looking for something like this (which is inserted into your template, as described in my first post).

Note: this is generated for WebForms sites, and MVC will look a little different.

<umbraco:Macro  runat="server" language="cshtml">
@inherits umbraco.MacroEngines.DynamicNodeContext

@*
    Macro to display child pages below the root page of a standard website.
    Also highlights the current active page/section in the navigation with
    the css class "current". 
*@

@{ 
    @* Get the root of the website *@
    var root = Model.AncestorOrSelf(1);
}

<ul>
    @foreach (var page in root.Children.Where("Visible"))
    { 
        <li class="@page.IsAncestorOrSelf(Model, "current", "")">
            <a href="@page.Url">@page.Name</a>
        </li>
    }
</ul>

</umbraco:Macro>

Copy Link

is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?