Selected menu bold when on child page

3 posts, 1 answers
  1. Marc
    Marc avatar
    10 posts
    Member since:
    Mar 2008

    Posted 17 Nov 2010 Link to this post

    When selecting a menu child I will like the parent menu to be bold.  (see screenshot - Calendars should be bold). After selecting one of the calendars  I would like the user to be able to tell what menu item they are on.

    Menu Def (front end)

    <Telerik:RadMenuItem Text="Home" AccessKey="H">
                            <Items>
                                <Telerik:RadMenuItem  Text="User Dashboard" ImageUrl="https://wac.edgecastcdn.net/0017BD/User_16.gif" NavigateUrl="MyProfileView.aspx?cmd=resetall" />
    <Telerik:RadMenuItem  Text="My User Dashboard" ImageUrl="https://wac.edgecastcdn.net/0017BD/User_16.gif" NavigateUrl="MyProfileView.aspx?cmd=resetall" />
                                <telerik:RadMenuItem IsSeparator="True" />
                            </Items>
                        </Telerik:RadMenuItem>

    On the vacation calendar page

            'Set Selected Tab
            If Not Page.IsPostBack Then
                Dim rMnu As Telerik.Web.UI.RadMenu
                rMnu = CType(Page.Master.FindControl("FLSRadMenu"), Telerik.Web.UI.RadMenu)
                If Not rMnu Is Nothing Then
                    rMnu.Items(5).Selected = True
                End If
            End If 

    CSS

    .RadMenu_FLSMenu a.rmFocused,
    .RadMenu_FLSMenu a.rmSelected
    {
        background-color: #fff;
            font-weight: bold;
    }

    The backgound color is getting picked up.  But not he font weight.

  2. Answer
    Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 22 Nov 2010 Link to this post

    Hello Marc,

    Try setting, font-weight: bold !important, so that it overwrites the base styles.

    I hope that helps.
  3. Marc
    Marc avatar
    10 posts
    Member since:
    Mar 2008

    Posted 29 Nov 2010 Link to this post

    That worked.  Thanks!!
Back to Top