@Ali, again you come to the rescue.

Thanks a lot!

greetings,

Anthony

Hi Ali, your script works like a charm, I have one issue to solve however. All my pages are subnodes of Home

so currently the home node is not showing in the top menu navigation

so is there a way to adapt the script so the home node gets rendered as well?

Thanks for your help,

Anthony

Hi Anthony,

You might benefit from taking a look at NavIt It just installs a single flexible Partial View.

Jeavon

This should work

@{
    var root = Model.Content.AncestorOrSelf(1);
    var rootChildern = root.Children.Where(x => x.IsVisible());
}

<nav>
    <a class="@(root.Id == Model.Content.Id ? "active" : string.Empty)" href="@root.Url">@root.Name</a>
    @foreach (var page in rootChildern)
    {
        var cssClass = page.Id == CurrentPage.AncestorOrSelf(2).Id ? "active" : string.Empty;

        <a class="@cssClass" href="@page.Url">@page.GetPropertyValue("title", page.Name)</a>
    }
</nav>

HI Ali,

It works, except when CurrentPage is the Homepage itself, then this line:

var cssClass = page.Id == CurrentPage.AncestorOrSelf(2).Id ? "active" : string.Empty;

throws a null reference exception:

"Cannot perform runtime binding on a null reference"

I already tried to solve it by changing the level:

var cssClass = page.Id == CurrentPage.AncestorOrSelf(1).Id ? "active" : string.Empty;

This solves the null reference error when CurrentPage is the Homepage but then the class="active" doesn't get added to the anchor link of the other nodes

this should fix it

var cssClass = page.Id == Model.Content.Id ? "active" : string.Empty;

it does, thanks a lot!

you are welcome Anthony!

Hi, I have mention below so my code related Menu. It's work for me but i want to display same navigation with other page means, which is not related with that all dynamic page. I have created some manually page, and in that I want same menu which is displayed on my all other page. so, can you guide me or suggest me how can i do ?

    @inherits UmbracoTemplatePage
@{   
    var homePage = CurrentPage.AncestorsOrSelf(1).First();   
    var menuItems = homePage.Children.Where("UmbracoNaviHide  == false");    
}

<div id="navbar-collapse-1" class="navbar-collapse collapse pull-right">
<div class="menu-main-menu-container">
    <nav class="mobile-nav-primary mobile-menu">
        <ul id="devn-mainmenu" class="nav navbar-nav">
            @{
                var siteroot = CurrentPage.AncestorOrSelf(1);
            }
            @foreach (var page in siteroot.Children.Where("!UmbracoNaviHide"))
            {

                if (page.Children.Count() > 0)
                {
                    <li class="dropdown yamm-fw">
                        <a href="@page.Url()">@page.Name</a>
                        <ul class="dropdown-menu" role="menu">

                            @foreach (var subpage in page.Children.Where("!UmbracoNaviHide"))
                            {

                                    if (page.Children.Count() < 1)
                                    {
                            <li><a href="@subpage.Url">@subpage.Name</a></li>
                                    }
                                    else
                                    {
                            <li>
                                <ul class="col-sm-6 col-md-4 list-unstyled two">
                                    <li>
                                        <p><a href="@subpage.Url">@subpage.Name</a></p>
                                        <p style="border-bottom: 1px solid #e6e6e6;margin-bottom: 10px;"></p>
                                    </li>
                                    @foreach (var subsubpage in subpage.Children.Where("!UmbracoNaviHide"))
                                                {
                                                    if (subsubpage.Children.Count() < 1)
                                                    {
                                                <li>
                                                    <i class="fa fa-caret-right"></i><a href="@subsubpage.Url">@subsubpage.Name</a>
                                                </li>
                                                    }
                                                    else
                                                    {
                                                <li>
                                                    <div class="row" style="margin:0px !important;">
                                                        <ul class="col-sm-6 col-md-4 list-unstyled two" style="padding-left:0px !important;">
                                                            <li>
                                                                <i class="fa fa-caret-right"></i><a href="@subsubpage.Url">@subsubpage.Name</a>
                                                            </li>
                                                            @foreach (var subsubsspage in subsubpage.Children.Where("!UmbracoNaviHide"))
                                                                    {
                                                                    <li>
                                                                        &nbsp;&nbsp;&nbsp; <i class="fa fa-caret-right"></i><a href="@subsubsspage.Url">@subsubsspage.Name</a>
                                                                    </li>
                                                                    }
                                                        </ul>
                                                    </div>
                                                </li>
                                                    }
                                                }
                                </ul>
                            </li>
                                    }
                            }
                        </ul>
                    </li>
                }
                else
                {
                    <li><a href="@page.Url">@page.Name</a></li>
                }
            }

        </ul>
    </nav>
</div>

Thanks.

is working on a reply...