Transparent tooltips

[Karen]

Hi

I wonder if there a possibility to make the tooltip to be transparent

applying the following css class to RadToolTip is not working

.Tooltip
{
    filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

[Martin]

Hi Karen,

Certainly, you can play with the opacity of RadTooTip, and your approach is correct, however, the class you have selected to apply these settings to is incorrect. We do not have such CSS class (.Tooltip) at all.

The wrapping class of RadToolTips is coined by two strings - radtooltip + underscode + SkinName, i.e. - if you are using it with the Deafult skin, the class you have to apply your settings to will be .radtooltip_Default:

.radtooltip_Default
{
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}

As RadToolTip is rendered on the client and its markup is not visible with View Source, I recommend you to use FireBug or Internet Explorer Developer Toolbar in order to study the generated code and classes of our controls, these will certainly help you much with troubleshooting and modifications.

Greetings,
Martin Ivanov
the Telerik team

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

[Karen]

Thanks for response Martin

that approach works perfectly until I set the SkinID for my Tooltip, when I do that the css class is not applied

here is what I have in my Skin file

<telerik:RadToolTip
        SkinID="CityTooltip"
        Animation="Resize"
        ContentScrolling="None"
        Position="Center"
        RelativeTo="BrowserWindow"
        MouseTrailing="True"
        Width="500"
        Height="250"
        Skin="Default"
        ShowCallout="True"
        ShowDelay="800"
        ManualClose="true"
        Modal="false"
        runat="server">
</telerik:RadToolTip>

this is class in css file

.radtooltip_Default
{
    background-color:Green;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}

and finally here is the code from aspx

<telerik:RadToolTip ID="MyTooltip" Title="My Tooltip" SkinID="CityTooltip" runat="server"></telerik:RadToolTip>

Any ideas?

[Martin]

Hello Karen,

Please, open a new support ticket, and send me a sample project that demonstrates the issue, along with your layout and styles and I will try to put things to work for you.

Thanks,
Martin Ivanov
the Telerik team

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

[Karen]

Hi Martin

I created a sample project but don't know how to send it to you, and have no idea how to create a support ticket?

Please advice.

[Martin]

Hi Karen,

You may open a new support ticket from this page http://www.telerik.com/account/support-tickets.aspx, using your Telerik account.

Greetings,
Martin Ivanov
the Telerik team

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