Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

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


  • René Andersen 238 posts 684 karma points
    Jun 13, 2012 @ 11:27
    René Andersen
    0

    Razor - Top navigation active link

    Hi

    See razor code below:

    <li class="@Library.If(isSelected, "active", "")">
      <a href="@page.Url">@page.Name</a>
     </li>

    Generates this:

     

    <li class="active"><a href="/kontakt.aspx">Kontakt</a></li>

    But i need it to generate this:

     

    <li><a href="about.html" class="active">About</a></li>

     

    Above it places "class="active" outside <li> and after href.

    Thank you in advance. :-)

     

    Copy Link
  • Kasper Dyrvig 246 posts 379 karma points
    Jun 13, 2012 @ 11:51
    Kasper Dyrvig
    0

    Hi René

    Try moving the logic inside the a:

    <li>
     <a href="@page.Url" class="@Library.If(isSelected, "active", "")">@page.Name</a>
    </li>

    Hope it works

    Copy Link
  • René Andersen 238 posts 684 karma points
    Jun 13, 2012 @ 12:41
    René Andersen
    0

    Hi Kasper

    Thank you!

    It works but i puts in a blank class="" on links that are not selected, does it matter?

    Copy Link
  • Kasper Dyrvig 246 posts 379 karma points
    Jun 13, 2012 @ 13:23
    Kasper Dyrvig
    0

    You can solve it by moving the class="" inside the if. 

    <li>
     <ahref="@page.Url"@Library.If(isSelected, "class=\"active\"", "")>@page.Name</a>
    </li>

    Glad I could help. Please mark your post as solved so others can see this has an answer :-)

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft