Modal HideDelay and CssClass

3 posts, 0 answers
  1. Jan
    Jan avatar
    37 posts
    Member since:
    May 2008

    Posted 23 Mar 2010 Link to this post


    I have problem with setting HideDealy on tooltip when is Modal switch set to true. It takes about 2sec when modal toolTip desapears, even when HideDelay is set to 0. Without modal seted to tru its working prefectly.

    And another issue, when I add CssClass="radToolTip" to telerik:RadToolTip and then i have got in my stylesheet: 


    it doesnt work too. What I am doing wrong when Im styling radToolTip? 

    Thanks, for any help! 
  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 26 Mar 2010 Link to this post

    Hello Jan,
    I suppose that you mean that the HideDelay setting is not respected when you move the mouse away from the target element - it should be respected in case the mouse leaves the tooltip (in the case HideEvent=LeaveTargetAndToolTip). This is expected, because the modal overlay element is positioned above all elements on the page and above the target element in particular. As a result, the target element will not raise its mouseout event (as the mouse is moving actually over the modal overlay element), when you move the mouse away from it, and the tooltip control will not get notified that it should hide.

    Regarding the CssClass property - the CSS class, specified with this property is applied to the outermost DIV element that the tooltip renders. However, the RadToolTip control does not render just one DIV element. That is why, in case you want to modify the look of the control, you should first get familiar with the HTML that it renders and then use CSS selectors to apply styles to the correct elements. In your case, I suppose you need the following selector:
    <head runat="server">
        <style type="text/css">
            .radToolTip .rtWrapperContent div
                padding: 15px;
                color: red;
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <div id="showToolTip" style="width: 50px; height: 50px; background-color: Red;">
            Show tootlip</div>
        <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="showToolTip"
            IsClientID="true" HideEvent="LeaveTargetAndToolTip" Modal="true" HideDelay="1"
            Width="100px" Height="100px" CssClass="radToolTip" Text="RadToolTip">

    For additional information on modifying the appearance of the RadToolTip control, please refer to our online documentation.

    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Jan
    Jan avatar
    37 posts
    Member since:
    May 2008

    Posted 26 Mar 2010 Link to this post

    That Css Thing doesn't work for me :(

    but without that CssClass it worked: 
    .rtWrapperContent div 

Back to Top