Backcolor not working

[Gregor Gillespie]

Hi there

I realise I could look like a complete idiot but here goes. If I drop a tooltip on my page and leave everything as is except for changing the backcolor, it never actually changes. What am I missing here?

Davy

[Shinu]

Hi Gregor,

Go through the following help articles to get details about customizing the appearence of RadTooltip.
Controlling Appearance
Understanding the CSS File

Shinu

[Martin]

Hi Gregor,

Are you trying to control the appearance of RadToolTip with the standard server tag properties (such as backcolor="#ff00ff")? Unfortunately, this approach will not be of much help, as the appearance of RadToolTip is controlled entirely with CSS skins. As Shinu (thanks, Shino!) has directed you, please, go through the skinning documentation of that particular control in order to get a better vision of how this should be done.

If you face difficulties, please, let us know. We will be happy to help.

All the best,
Martin Ivanov
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Gregor Gillespie]

I was indeed trying to use the standard server tag. Seems pointless to have it there otherwise though I'll assume it inherits from a control with these properties already there. I wanted to avoid going through the bother of changing a skin just to change the background colour although I've done this now.
Thanks

[Svetlina Anati]

Hello Gregor,

The BackColor property is an inherited from the WebControl class property and it is not implemented in the RadToolTip control on purpose. As the RadToolTip control is a complex control and uses the concept of skinning, it is not clear how simply setting this property should influence the control. Additionally, we are using background images (for example the Callout is an image) , which you cannot change by changing the background color. That is why, in case you want to change the look and feel of the RadToolTip, I would recommend one of the following approaches:

1. Overwrite some of the styles of the Default skin: just add the following to the HEAD of your page:

   <style type="text/css">
   .radtooltip_Default,
   .radtooltip_Default td
   {
       background-color: black !important;
   }
   </style>

2. Create your custom skin by modifying one of the existing skins of the control. You can find detailed information on creating custom skins in our online documentation:
   1. How skins work
   2. Skin registration
   3. Modifying built-in skins
   4. Creating a custom skin

Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Imran Javed Zia]

Hi,
We are using 2010 Q3 Sp2. and are not able to apply Backcolor to RadToolTipManager. We have tried both #rrggbb and color name. Has this issue been fixed or we have to apply some workaround?
Thanks

[Marin Bratanov]

Hello Imran,

As stated in the previous post the BackColor property is an inherited one from the WebControl class and it is not implemented in the RadTooltip. The same applies for properties such as BorderColor, BorderStyle, BorderWidth, etc. The way to modify this part of the RadToolTip's appearance is either by overriding its CSS rules, or by creating a custom skin. Please refer to the previous post for more information and links on the matter.


All the best,
Marin
the Telerik team

[Imran Javed Zia]

Hi,
I have already revied the other posts but those are for RadTooltip,  but we are using RADTooltipManager and given example is not working for it. Can you help me in this context?
Thanks

[Marin Bratanov]

Hello Imran,

The RadToolTipManager actually renders like the RadToolTip, just eases the management of multiple tooltips and other more complex scenarios.

The other posts in this thread are almost three years old and the skins and selectors may have changed over time. The easiest way to get the correct CSS rule is to use a tool like Firebug or IE Dev toolbar to get the css class you need direclty.

For your convenience I created and attached a simple page where I changed the background of a tooltip.


Greetings,
Marin
the Telerik team