Root Menu Item Styling

2 posts, 0 answers
  1. jeff
    jeff avatar
    3 posts
    Member since:
    Sep 2007

    Posted 05 May 2008 Link to this post

    Hi,

    Recenty I've been making the switch from using the SolPart Menu to the Telerik's Rad Menu.  I have one issue as far as styling my menu goes, that's just giving me a headache.

    With SolPart Menu, I could set a RootMenuItemActiveCSS class.  This would allow me to have the menu item of the page you were currently on display somewhat differently.  Usually this would just be a replication of the hover over effect.  I simply cannot figure out how to duplicate this functionality with RadMenu.

    I've been playing with the "Outlook" skin.  Could somebody give me an example of the code that will cause the hover-over effect remain static when you are on a certain page.  (If you are viewing the Home Page, then the Home Page tab in the menu should display the hover-over effect, whether or not the mouse is actually hovering over it.)

    Thanks
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 06 May 2008 Link to this post

    Hi Jeff,

    RadMenu DNN SkinObject exposes all the necessary properties to achieve this easily. Please, set the following properties of RadMenu like this:

     ShowPath="true"
     SelectedPathHeaderItemCss="focused"  //for root items
    SelectedPathItemCss="focused"                  //for child items

    Also, make sure that in your skin's style.css file you have "focused" defined. If not, you can use any other class from the skin - for example, selected or expanded. Or, you can define "focused" yourself. The bottom line is to set SelectedPathHeaderItemCss and SelectedPathItemCss to an existing class.

    If you have other questions, don't hesitate to contact us. We will be glad to help.



    Best wishes,
    Peter
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top