How to make active link item bold when using asp.net Menu control

Question

How to make active(selected) link item bold when using asp.net Menu control ?

Show us your markup and CSS so far? – IrishChieftain Jul 05 '12 at 20:52 — IrishChieftain, Jul 05 '12 at 20:52

Jupaol · Accepted Answer · 2012-07-05T21:40:50.010

2

You can just use the styles of the Menu control:

    <asp:Menu ID="Menu1" DataSourceID="mySiteMap" runat="server" 
        Orientation="Horizontal" RenderingMode="Table" 
        StaticSubMenuIndent="16px">
        <StaticSelectedStyle Font-Bold="True" />
    </asp:Menu>

This is the result:

enter image description here

edited Jul 05 '12 at 21:40

answered Jul 05 '12 at 21:02

Jupaol

21,107
8
68
100

score 0 · Answer 2 · answered Jul 05 '12 at 20:53

0

1 - View the HTML Source.

2 - Find the class name or id being used to signal an active element.

3 - Style the element appropriately using the selector found in step 2.

answered Jul 05 '12 at 20:53

Alex

34,899
5
77
90

score 0 · Answer 3 · answered Jul 05 '12 at 21:25

If the link you are after to turn bold is a level

<asp:menu id="NavigationMenu" ..............>
    <levelmenuitemstyles>
      <asp:menuitemstyle BackColor="LightSteelBlue" forecolor="Black"/>
    </levelmenuitemstyles>
    <levelselectedstyles>
    <asp:menuitemstyle BackColor="Cyan" forecolor="Gray"/>
      </levelselectedstyles>
    </levelmenuitemstyles>
</asp:menu>

How to make active link item bold when using asp.net Menu control

3 Answers3