How dynamic add css class to navagion bar?

Question

if I have this code in a user control file(ascx), I want the page current visited has class "active" Home About Us for example: when I visited b.html, the html source should be: Home About Us

Nitesh Kejriwal · Answer

Declare a variable in your ascx.cs page and set the name of this variable to the name of the page being loaded. In .ascx file, check this variable's value and assign active class as you've shown in your example above.

johnson yuan · Answer

in visual studio' menu control, it will auto add 'selected' css class to the current page you can look this demo at http://aspnet451.planetwrox.com/PhotoAlbums/ how can I do this in my project?

johnson yuan · Answer

In order to set css class to item, I have to this work like this: Collapse | Copy Code if ([ ' some case']) { %> " active" > } else { %> li > } %> I think the key is how to determine the case to check whether to add css class. How can I know which page I'm loading now? It's not like news_list.aspx?id=14 that I can add css class by querystring, I have to page's like news_list.aspx, index.aspx...

Nitesh Kejriwal · Answer

In the control's load method, check for the filename that is being loaded and based on the page being loaded, set the active property of the menu item to true. For this, you will need to add runat="server" tags to your tags and name them. Better if you use Hyperlink control instead of tags and set runtime active cssclass on these hyperlinks