ASP.NET horizontal menu with submenu appearing below, also horizontal

asp.net menu submenu aspmenu
Caveatrob picture Caveatrob · May 1, 2009 · Viewed 10.9k times · Source

I've got a horizontal menu with UL/LI markup that I want to convert to an ASP:Menu in .net 3.5.

I'd like choices in the submenu to be rendered in a horizontal menu below the main menu when the main menu option is clicked. I also want to:

  • indicate which menu option is chosen by highlighting/bolding both the main menu and submenu,
  • check on rendering (or via some other mechanism) the role of the user to show only the proper menu options.

Answer

rball picture rball · May 1, 2009

Use the CSS friendly adapters: http://www.asp.net/CssAdapters/

These will allow you to keep the ul/li markup and give you the ability to highlight via css and control the rendering just like you would with a normal asp:Menu with the roles.

Related questions

ASP.NET MenuItem Individual Styles

I'm hoping to use an ASP.NET Menu Control for navigation through my site. However, I've got a requirement that each MenuItem must be styled differently (different colors, both static, and onHover). Without creating a custom class that would inherit …

Read More
How to get rid of ugly asp:Menu flickering?

I'm using the asp:Menu control on an ASP.NET 4.0 Webforms page with table-free rendering mode: <asp:Menu ID="MenuBase" runat="server" DataSourceID="SiteMapDataSourceMenu" Orientation="Horizontal" CssClass="contentmenu" RenderingMode="List" IncludeStyleBlock="false"> </asp:Menu> The menu …

Read More
asp.net menu skiplink

The ASP.NET menu creates a skiplink which has 0x19 size and it is invisible in explorer, but it is rendered in chrome! So my menu has an extra 19 pixels indent! How do I overcome this? Here is it's HTML: &…

Read More