ASP.NET Menu Problem

Question

I have a list of asp.net menu items:

<asp:Menu ID="Menu1" runat="server"  OnLoad="Menu1_Load">
    <Items>
        <asp:MenuItem Text="Create Member" Value="Create Member" NavigateUrl="~/create-member.aspx"></asp:MenuItem>
        <asp:MenuItem Text="Edit Member" Value="Edit Member" NavigateUrl="~/edit-member.aspx"></asp:MenuItem>
        <asp:MenuItem Text="Result Export" Value="Result Export" NavigateUrl="~/result-export.aspx"></asp:MenuItem>
        ...
        ...
    </Items>
</asp:Menu>

How can I highlight and remove hyperlink for the currently selected MenuItem?

This is the modified version of Josh's answer (we don't need to set the navigateUrl):

        foreach (MenuItem menuItem in Menu1.Items)
        {
            if (Request.PhysicalPath == Server.MapPath(menuItem.NavigateUrl))
            {
                menuItem.Selected = true;
                menuItem.Selectable = false;
                break;
            }
        }

Josh Anderson · Accepted Answer · 2010-01-15 19:02:30Z

2

If you are looking to do this server-side based on the page being visited, you'll just need to make that evaluation, then find the related item and set the NavigateUrl property to "". Depending on your CSS settings you might also need to assign a specific class to modify the appearance and give the user some visual feedback of their location.

Edit
Probably the best way to do this is to use your Menu1_Load event to test the page URL against the NavigateUrl. If there's a match, remove the NavigateUrl setting. If you weren't using the ~ to establish the root, I might use:

foreach (var menuItem in Menu1.Items)  
{  
    if (Request.Path == menuItem.NavigateUrl)
    {
        menuItem.NavigateUrl = "";
        // Add any CSS modifications here
        break;
    }
}

To be absolutely sure, you could compare the physical paths:

foreach (var menuItem in Menu1.Items)  
{  
    if (Request.PhysicalPath == Server.MapPath(menuItem.NavigateUrl))
    {
        menuItem.NavigateUrl = "";
        // Add any CSS modifications here
        break;
    }
}

edited Jan 15, 2010 at 19:02

answered Jan 15, 2010 at 15:48

Josh Anderson

6,0052 gold badges38 silver badges49 bronze badges

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

5 Comments

Billy Over a year ago

Do you have any sample code? How can I make the evaluation? If I set the NavigateUrl to "", how can I set it back when selecting another item?

Josh Anderson Over a year ago

Quick question - is this menu in a master page?

Billy Over a year ago

Yes, this menu is in a master page.

Billy Over a year ago

I use the method of comparing the physical paths. First, the menuItem with NavigateUrl set to "" will still cause postback. Second, there is no option like menuItem.CssClass to set the css style.

Billy Over a year ago

I know how to solve the above 2 issues. For the postback problem, set the menuItem.selectable=false. For setting Css style, set the menuItem.selected = true and the staticSelectedStyle.

Collectives™ on Stack Overflow

ASP.NET Menu Problem

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related