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

Modal HideDelay and CssClass

2 Answers 106 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Jan
Top achievements
Rank 1
Jan asked on 23 Mar 2010, 11:20 AM
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 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 26 Mar 2010, 08:48 AM
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.
0
Jan
Top achievements
Rank 1
answered on 26 Mar 2010, 10:45 AM
That Css Thing doesn't work for me :(

but without that CssClass it worked: 
.rtWrapperContent div 
    padding15px
    color#202020


Tags
ToolTip
Asked by
Jan
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Jan
Top achievements
Rank 1
Share this question
or