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
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
1 Answer, 1 is accepted
0
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
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