Prevent menu highlight

3 posts, 1 answers
  1. David
    David avatar
    166 posts
    Member since:
    Mar 2014

    Posted 13 Dec 2016 Link to this post

    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. Answer
    Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    331 posts

    Posted 16 Dec 2016 Link to this post

    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.
  3. David
    David avatar
    166 posts
    Member since:
    Mar 2014

    Posted 16 Dec 2016 in reply to Veselin Tsvetanov Link to this post

    Thank you
Back to Top