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

    Hi,

    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: 

    .radToolTip 
        padding:15px
        color:red

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

    Thanks, for any help! 
  2. Tsvetie
    Admin
    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">
        <title></title>
        <style type="text/css">
            .radToolTip .rtWrapperContent div
            {
                padding: 15px;
                color: red;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <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">
        </telerik:RadToolTip>

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

    Regards,
    Tsvetie
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. 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 
        padding15px
        color#202020


Back to Top