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

Transparent tooltips

5 Answers 112 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Karen
Top achievements
Rank 1
Karen asked on 26 Nov 2008, 09:32 PM
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;
}

5 Answers, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 27 Nov 2008, 08:43 AM
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.
0
Karen
Top achievements
Rank 1
answered on 27 Nov 2008, 12:50 PM
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?

0
Martin
Telerik team
answered on 27 Nov 2008, 02:20 PM
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.
0
Karen
Top achievements
Rank 1
answered on 29 Nov 2008, 06:16 PM
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.
0
Martin
Telerik team
answered on 01 Dec 2008, 07:41 AM
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.
Tags
ToolTip
Asked by
Karen
Top achievements
Rank 1
Answers by
Martin
Telerik team
Karen
Top achievements
Rank 1
Share this question
or