This is a migrated thread and some comments may be shown as answers.

Multiline item hover over image

1 Answer 26 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Javier
Top achievements
Rank 1
Javier asked on 13 Oct 2011, 03:40 PM
I'm using a radmenu next to a radcombobox to dynamically show a menu depending on the selected value of the ComboBox using a webservice.

So far so good, except that it looks horrible when I have a multiline menu item.  

The hover over image adds 3 lines to each item and I can't remove it.  

It would be ideal to add an item template to each menu item inside of the webservice, but I can't find any propery of the radmenuitemdata object that accepts a template.

Please help.

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 18 Oct 2011, 09:41 AM
Hello Javier,

To remove the background that is applied you could use the following css class selector (of course in case you are using another skin you can simply replace its name with the Default so that the changes can take effect):
div.RadMenu_Default .rmGroup a.rmLink:hover,
div.RadMenu_Default .rmGroup a.rmFocused,
div.RadMenu_Default .rmGroup a.rmSelected,
div.RadMenu_Default .rmGroup a.rmExpanded {
     
    background-image: none;
}
div.RadMenu_Default .rmGroup a.rmLink:hover .rmText,
div.RadMenu_Default .rmGroup a.rmFocused .rmText,
div.RadMenu_Default .rmGroup a.rmSelected .rmText,
div.RadMenu_Default .rmGroup a.rmExpanded .rmText {
    
     background-image: none;
}

Considering your question with the templates and web services, we only support scenarios where a  global template can be applied to the root items only and not to the child items.  

Kind regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
Menu
Asked by
Javier
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or