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
0
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:
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.
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
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 |
| { |
| padding: 15px; |
| color: #202020; |
| } |