I want to add "active" class for the selected menu item in Sitecore. I tried to add class by using jquery but whenever we click on menu the particular page is opening and that menu is loading again. So class is getting added and removed immediately. Is there any way to add class for selected menu in the code behind ?

My Aspx page code:

<asp:Repeater ID="rpNav" ItemType="Sitecore.Data.Items.Item" runat="server">
        <ul class="menu">
         <asp:HyperLink Id="HyperLink1" Text=<%#: Item.DisplayName %> 
          NavigateUrl=<%#: Sitecore.Links.LinkManager.GetItemUrl(Item,new Sitecore.Links.UrlOptions{UseDisplayName=true})%> runat="server"  />


My Back-end code:

protected void Page_Load(object sender, EventArgs e)
        Item home = Sitecore.Context.Database.GetItem("/sitecore/content/Home");
        Item[] children = home.Children.ToArray();
        rpNav.DataSource = children;

You can add a conditional statement for li to add active class on it

Example -

<li class='<%= Sitecore.Context.Item.ID.ToString() == Eval("ID").ToString() ? "active" : "" %>'> {Add code to render link} </li>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.