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

Prevent menu highlight

2 Answers 26 Views
Menu
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Veteran
David asked on 13 Dec 2016, 05:46 PM

I need to disable highlight of menu on mouseover. Enable="false" works, but make my image pale

<telerik:RadMenuItem ImageUrl="graphics/Users.png" enabled="false"
                                          tooltip="User Resources"
                                          style="margin-left:318px;"
                                          onmouseover="showMenu(event)"/>

Any recommendation?

2 Answers, 1 is accepted

Sort by
0
Accepted
Veselin Tsvetanov
Telerik team
answered on 16 Dec 2016, 10:59 AM
Hello David,

Instead of disabling the menu item, I would suggest you to use a custom CSS to override the default hover Menu item styling:
html .RadMenu .rmRootGroup .rmItem .rmLink {
    border-color: transparent;
    color: inherit;
    background-color: transparent;
    background-image: none;
}

Note that you may have to alter a the above styles, depending on the exact skin used and on the appearance required.

Regards,
Veselin Tsvetanov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
David
Top achievements
Rank 1
Veteran
answered on 16 Dec 2016, 02:43 PM
Thank you
Tags
Menu
Asked by
David
Top achievements
Rank 1
Veteran
Answers by
Veselin Tsvetanov
Telerik team
David
Top achievements
Rank 1
Veteran
Share this question
or