Home/ Questions/Q 501373
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T06:10:59+00:00

I want to implement my navigation tabs somewhat like the ones on this site,

  • 0

I want to implement my navigation tabs somewhat like the ones on this site, and I’ve heard that this was built using ASP.Net MVC. If I’m on stackoverflow.com/users, than the “Users” menu tab is orange and all others stay grey, same if a different tab is selected.

I am pretty good with manipulating the css to change color when it’s hovered or selected, etc, and adding/removing/authorizing items in the menu container, but not familiar with how to change the color of the tab based on the tab page that I’m on. Any quick and dirty way to accomplish this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Assign a unique id to the body element of each page (e.g. <body id="users">). In ASP.NET MVC you could have the body tag in your master page written like:

    <body id="<%= ViewData["bodyId"] %>">

    And in the Controller methods for each page put something like ViewData["bodyId"] = "users"; to dynamically assign the id for each page.

    Then in your nav markup, assign a class with the same name on the <a> tag that links to that page:

    <ul>
    <li><a href="/users" class="users">Users</a></li>
    <li><!-- more links --></li>
</ul>

    Then in the css do something like this:

    body#users a.users, body#another-page a.another-page {
    /* include rules for how you want the current page tab to appear */
}

    That will assign your “current page” styles to any link tag with a class that matches the body tag id.

    • 0