Hello,

I am new to Umbraco, so I apologise if this is a bit of a newbie question.

I am attempting to create a top level navigation for my site with a razor macro. I have got as far as my code below with the help of the documentation I could find online. It renders the nodes I require, but I am uncertain as to how I attach a CSS class to the current node, so that I can indicate to the user that is where they are within my site.

If there is an easier way to do this with Razor, I'd be happy to hear. I'm not looking to go down the XSLT route if I can help it.

@using umbraco.MacroEngines
@inherits umbraco.MacroEngines.DynamicNodeContext

@{ 
    int rootId = 1084; // TODO: not hard code

    var root = @Model.NodeById(rootId);
    DynamicNodeList pages = root.Children;
    DynamicNode home = root;
       
    <ul>
        <li><a href="@home.Url">@home.NodeTypeAlias</a></li>

        @foreach (DynamicNode page in pages)
        {
           if (page.HasProperty("includeInMenu"))
           {
               var includeInMenu = page.GetProperty("includeInMenu");

               if (includeInMenu.Value == "1")
               {
                   <li><a href="@page.Url">@page.Name</a></li>
               }
           }
        }
    </ul>
}

Thanks,

Michael