Disable Hover Highlight On RadToolBarButton

5 posts, 1 answers
  1. Phil
    Phil avatar
    25 posts
    Member since:
    Sep 2012

    Posted 20 Oct 2010 Link to this post

    Hi

    I have a radToolbar using the Office2007 skin.  When hovering over the buttons a orange highlight appears.  For 1 of the buttons in my toolbar I dont want the orange background.

    My button is as follows :

    <telerik:RadToolBarButton commandName="status" HoveredCssClass="noHover" tooltip="Initial page state" PostBack="false" ImageUrl="/status_alert.png" />

    I have CSS as follows :
    <style>
    .noHover {
    background-image:none !important;
    }
    </style>

    When viewed in browser the .noHover style is applied to my button but the orange background still appears.  How do i stop the orange hightlight appearing ?

    Thanks in advance


  2. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 20 Oct 2010 Link to this post

    Hello Stephen,

    The background image is applied to specific wrapper inside the button. So change it to this and see if it works:

    .noHover .rtbWrap 
    {
       background-image:none !important;
    }
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 20 Oct 2010 Link to this post

    After testing it out, I found that what I posted before doesn't work. The following does:

    .noHover .rtbWrap, .noHover .rtbOut, .noHover .rtbIn, .noHover .rtbMid
            {
                background-image: none !important;      
            }

    I hope that helps.
  5. Phil
    Phil avatar
    25 posts
    Member since:
    Sep 2012

    Posted 20 Oct 2010 Link to this post

    Hi Cori

    thanks for the suggestion but this doesnt work.  It seems to clip a small portion from the bottom of the orange hover background rather than not displaying it at all (see ringed section in attached image.  image also has Firebug open so you can see the HTML).

    Any ideas ?

    thanks
  6. Phil
    Phil avatar
    25 posts
    Member since:
    Sep 2012

    Posted 21 Oct 2010 Link to this post

    Hi Cori

    That works perfectly !

    Thanks for your help.

    S

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017