Styling current page in ASP.NET menu

Question

I have master page with menu bar and a few nested pages. What is best practice to highlight selected menu item? For example:

[ Profile ] [Forum] [Statistics]

Statistics

blblalbla

I have no idea what you're asking. Do you seriousely not know about using CSS styles? — John Saunders
– John Saunders, Commented May 26, 2011 at 13:57
Are you asking how to know which one to highlight, or how to use CSS to give the appearance of a highlighted menu item? — MikeTeeVee
– MikeTeeVee, Commented May 26, 2011 at 14:35

MikeTeeVee · Accepted Answer · 2011-05-26 14:01:23Z

1

This is what I use:

    //select menu item with matching NavigateUrl property
    foreach (MenuItem ParentMenu in menu.Items)
    {
        if (ParentMenu.NavigateUrl.ToLower() == Page.AppRelativeVirtualPath.ToLower())
        {
            ParentMenu.Selected = true;
        }
        else
        {
            foreach (MenuItem childMenu in ParentMenu.ChildItems)
            {
                if (childMenu.NavigateUrl.ToLower() == Page.AppRelativeVirtualPath.ToLower())
                {
                    childMenu.Selected = true;
                }
            }
        }
    }

answered May 26, 2011 at 14:01

MikeTeeVee

19.6k9 gold badges78 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tom Gullen · Accepted Answer · 2011-05-26 13:57:15Z

0

The best way would be to put the menu in a control. You can then have properties such as SelectedMenu which render the style of the selected menu item.

You can read about user controls here:

http://msdn.microsoft.com/en-us/library/fb3w5b53.aspx

They can be a little tricky at first, but once you have got the hang of them they will be very useful to you.

answered May 26, 2011 at 13:57

Tom Gullen

61.9k89 gold badges294 silver badges472 bronze badges

Comments

Volkmar Rigo · Accepted Answer · 2011-05-26 13:57:46Z

0

you can highlight the menuitem based on the current url.

answered May 26, 2011 at 13:57

Volkmar Rigo

1,16320 silver badges34 bronze badges

Comments

abatishchev · Accepted Answer · 2011-05-26 14:00:28Z

0

Use StaticSelectedStyle and DynamicSelectedStyle properties

answered May 26, 2011 at 14:00

abatishchev

101k88 gold badges304 silver badges443 bronze badges

Collectives™ on Stack Overflow

Styling current page in ASP.NET menu

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related