Hi Rocoeh,

You can get your razor navi to work this way

 @{  
  var homeNode = Model.AncestorOrSelf(1);   
const string selectedClass = " class=\"current page\"";
   <[email protected](Model.NodeTypeAlias == "DocTypeAlias", selectedClass)><a href="/">Home</a></li>
        foreach(var page in homeNode.Children.Where("Visible")) {
<[email protected](page.IsAncestorOrSelf(Model), selectedClass)>
                <a href="@page.Url" title="@page.Name">@page.Name</a>
           </li> 
  }
  } 

//fuji

Thanks this is close, modified your text a bit because I did not need the home link as my logo is the page home link. I am not getting the sub menu

the html should be something like this

<u id="main-nav">

     <li class="level1"><a href="">item1</a>

      <ul class="subnav">

       <li><a href="">sub nav item1</a></li>

      <li><a href="">sub nav item2</a></li>

       <li><a href="">sub nav item3</a></li>

      </ul>

     </li>

   <li class="level2"><a href="">item1</a>

      <ul class="subnav">

       <li><a href="">sub nav item1</a></li>

      <li><a href="">sub nav item2</a></li>

       <li><a href="">sub nav item3</a></li>

      </ul>

     </li>

</ul>

<ul id="main-nav">
  @{
   var terraNode = Model.AncestorOrSelf(1);
   @terraNode;
   const string selectedClass = " class=\"current page\"";   


    foreach(var page in terraNode.Children.Where("Visible"))   {
             <[email protected](page.IsAncestorOrSelf(Model), selectedClass)>
                 <a class="level1" href="@page.Url" title="@page.Name">@page.Name</a>   
           </li>         
         }
  }
  </ul>

Hi Rocoeh,

Did you get it working ?

//fuji

Hi Fuji,

No I get no 2nd level should there be an embeded if statement?

Ho Rocoeh,

Yes you have to include and if statement in your loop to check for any child nodes.

 foreach(var page in homeNode.Children.Where("Visible")) {
<[email protected](page.IsAncestorOrSelf(Model), selectedClass)>
                <a href="@page.Url" title="@page.Name">@page.Name</a>
@* Here you check for any child node *@
 @if(page.Children.Count() > 0){
 @foreach(var childPage in page.Children){
<li><a href="@childPage.Url">@childPage.Name</a></li>} 
} 
           </li> 
  }

This should get your navigation drop down working

//fuji

is working on a reply...