Multiline item hover over image

[Javier]

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.

[Kate]

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