Lose style of control in tooltip

[Lynda Lafreniere]

Hi !

We're using your radtooltip control for a big project and we got a little problem. For some controls (as radcombobox and radgrid) the Skin that we've set is not showing. I found that the background of the tooltip was used by these controls (the CSS of the tooltip pass before the CSS of the control).

Well, I managed to correct that by redefining the background of the controls in the CSS (something like "table.ToolTipWrapper .RadComboBox_Sunset td.rcbInputCell { background: ...}" so for now we're ok but it should be checked in next version I think.

The problem is that this way to do does'nt work in a case : we have a radgrid that use a radtooltip to add content to the grid. The tooltip show another radgrid to show the pssible values to the user. I've done the same thing as habitualy :

body .RadGrid_Sunset div.radtooltip_Sunset table.ToolTipWrapper td
{
    background:transparent none no-repeat scroll 0 0;   
}

This way that works in FireFox3, but not in IE7. Is anyone know what do IE7 no understand in my CSS ?

Thx !

[Sophy]

Hi Lynda,

Please, accept our sincere apologies for the delayed response.
Currently, the rounded corners of the tooltip do not have class selectors and their styles are set to the corresponding td elements which override the td settings of the grid and the combobox. This is the reason for experiencing the problems you mention. We have included this issue in our TODO list and are planning to fix it for one of the next updates of the control. For the time being, the best resolution to the problem we could suggest you is to use the desired skins of the grid and the combobox as external skins and add !important to all css properties in these skins. More details about using external skins you can find in the Modifying built-in skins help article.
If you need further assistance, do contact us again.

Best wishes,
Sophy
the Telerik team

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

[Lynda Lafreniere]

I've tried to add "!important" to my CSS properties, but it does'nt change a thing.

The problem seems to be the way that the browser show the pages because in FireFox3, when I redefine the backgrounds, all is working, but I can't find a way to do the same thing in IE7 (if only I had a tool like FireBug for IE ... sigh).

(I really really hope that IE8 will render pages more like FireFox)

Anyway, if somebody have an idea ...

thanks a lot !

[Martin]

Hello Lynda,

Unfortunately we were not able to do much with your issue although we tried, as the current implementation of RadToolTip has certain limitations, which we are planning to remove by improving its code.

In the meantime, why don't you try to use RadWindow instead of RadToolTip in this particular case?

Have you tried Internet Explorer Developer Toolbar? It has a number of great features and could help you debug your code under IE.

Sincerely yours,
Martin Ivanov
the Telerik team

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

[Lynda Lafreniere]

Wow, this toolbar will be a great help to me.
Thanks a lot !

Continue your great work !