Multiline item hover over image

2 posts, 0 answers
  1. Javier
    Javier avatar
    35 posts
    Member since:
    Aug 2011

    Posted 13 Oct 2011 Link to this post

    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.
  2. Kate
    Kate avatar
    1898 posts

    Posted 18 Oct 2011 Link to this post

    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,
    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
Back to Top