How dynamic add css class to navagion bar?

johnson yuan

12y1.3k.NET

if I have this code in a user control file(ascx), I want the page current visited has class "active"

for example: when I visited b.html, the html source should be:

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Nitesh Kejriwal12y ago
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.
0
johnson yuan12y ago
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?
0
johnson yuan12y ago
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...
0
Nitesh Kejriwal12y ago
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
0