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

Disable Hover Highlight On RadToolBarButton

4 Answers 103 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Phil
Top achievements
Rank 1
Phil asked on 20 Oct 2010, 12:31 PM
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


4 Answers, 1 is accepted

Sort by
0
Cori
Top achievements
Rank 2
answered on 20 Oct 2010, 02:38 PM
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;
}
0
Accepted
Cori
Top achievements
Rank 2
answered on 20 Oct 2010, 02:53 PM
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.
0
Phil
Top achievements
Rank 1
answered on 20 Oct 2010, 02:54 PM
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
0
Phil
Top achievements
Rank 1
answered on 21 Oct 2010, 09:23 AM
Hi Cori

That works perfectly !

Thanks for your help.

S

Tags
ToolBar
Asked by
Phil
Top achievements
Rank 1
Answers by
Cori
Top achievements
Rank 2
Phil
Top achievements
Rank 1
Share this question
or