Changing ToolTip Close Button

[Danny]

I'm using a modified 'ToolTipSprites.png' in my project.

All of the horizontal sprites show correctly, but the close button is not showing.  I did not modify the size/dimension/position of the close button in the sprite, only the color.

I've tried modifying the CSS, and have gotten some interesting results:
 

div.RadToolTip_CBToolTip a.rtCloseButton
{
      background-color: #66a2cc;
}

That will change the background color of where the close button will be, no problem.   But when I attempt to add the png

div.RadToolTip_CBToolTip a.rtCloseButton
{
   background-image : url('ToolTip/ToolTipSprites.png');
}

I get nothing.  Any idea on how I can get this class to pick up?

[Princy]

Hi Danny,

Try overriding the default css as follows to achieve your scenario.

CSS:

<style type="text/css">
 div.RadToolTip a.rtCloseButton
 {
  background-position: 0 0 !important;
 }
</style>

Thanks,
Princy.

[Danny]

Thanks for the stab, Princy, it didn't work however.

I rebuilt the page element by element, and after removing an instance of Form Decorator from the page the sprite showed up again. 

I confirmed this by re-adding the control, and viola, it dissappears again.

[Marin Bratanov]

Hello Danny,

I have just tried this scenario and it appears to be working fine with me in all browsers. I am attaching here the simple page and custom skin I used (it is actually the Default skin, but renamed). Are you experiencing this same behavior with my sample and which are the browsers that it manifests in? Are you using the latest version of the controls and if not - does upgrading help?


Kind regards,
Marin Bratanov
the Telerik team