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

Wierdness

2 Answers 70 Views

ToolTip

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

sitefinitysteve asked on 12 May 2010, 03:24 AM

Ok I have a tooltip set to load in $document.ready...and it pops up above an element at the top of the page. It has a 10 second delay to close (this works great)...and if I scroll down while its showing it all scrolls out of the viewable area fine.

However if I reload the page 1/2 way down the thing pops up at the top of the window even though the element it's supposed to be relative to is no where in the visible area...

Bug? If not how do I fix this

    
            <telerik:RadToolTip ID="guyToolTip" runat="server" Skin="Sitefinity" OffsetY="-10" AutoCloseDelay="5000" HideDelay="5000"  TargetControlID="logoGuyPanel" Position="TopRight" RelativeTo="Element" ShowEvent="OnMouseOver" />

2 Answers, 1 is accepted

answered on 13 May 2010, 02:05 PM

Hello Steve,
The behavior you describe is actually a feature of the tooltip control - the boundary detection feature. In case the tooltip is about to open not fully visible, it is repositioned so that the whole tooltip is in the visible part of the browser window. You are the first client, who mentions that he/she wants to turn this feature off. We have not exposed a property that controls this feature and that is why, currently, the only way you can switch the boundary detection off is by overriding a private client method of the tooltip class:

<body>

<form id="Form1" runat="server" defaultfocus="TextBox1">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:Label ID="Label1" runat="server" Text="Show tooltip"></asp:Label>

<telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label1" Width="600px"

Height="100px">

</telerik:RadToolTip>

<script type="text/javascript">

Telerik.Web.UI.RadToolTip.prototype._oldCreateUI = Telerik.Web.UI.RadToolTip.prototype._createUI;

Telerik.Web.UI.RadToolTip.prototype._createUI = function ()

{

this._oldCreateUI();

this._popupBehavior.set_keepInScreenBounds(false);

};

</script>

</form>

</body>

Kind 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.