Question

I have this asp:menu with a few items and want to be able to set an item as active when I’ve clicked it.

Here it goes

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
    <Items>
        <asp:MenuItem NavigateUrl="~/pages/page_a.aspx" Text="PageA" />
        <asp:MenuItem NavigateUrl="~/pages/page_b.aspx" Text="PageB" />
        <asp:MenuItem NavigateUrl="~/pages/page_c.aspx" Text="PageC" />
    </Items>
</asp:Menu>

This renders a menu looking something like this

PageA PageB PageC

When clicking something like PageB I’d like to be able to style it somehow, like adding a css or whatever returning this

PageA PageB PageC

Any advices where I can find some info or samples?

Answer 1

You can apply a CSS class or styles to a menu item using the ‘selectedstyle’ properties of the asp:Menu control, using syntax like this:

      <staticselectedstyle backcolor=LightBlue
      borderstyle="Solid"
      bordercolor="Black"
      borderwidth="1"/>

A more full example is described in this MSDN article.

EDIT in response to comment:

There is also the ‘dynamicselectedstyle’ property for dynamic menus which used the same syntax:

      <dynamicselectedstyle backcolor=LightBlue
      borderstyle="Solid"
      bordercolor="Black"
      borderwidth="1"/>