Transparent tooltips

6 posts, 0 answers
  1. Karen
    Karen avatar
    27 posts
    Member since:
    Jul 2008

    Posted 26 Nov 2008 Link to this post

    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;
    }
  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 27 Nov 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Karen
    Karen avatar
    27 posts
    Member since:
    Jul 2008

    Posted 27 Nov 2008 Link to this post

    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?

  5. Martin
    Admin
    Martin avatar
    585 posts

    Posted 27 Nov 2008 Link to this post

    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.
  6. Karen
    Karen avatar
    27 posts
    Member since:
    Jul 2008

    Posted 29 Nov 2008 Link to this post

    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.
  7. Martin
    Admin
    Martin avatar
    585 posts

    Posted 01 Dec 2008 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017