Make tooltip stay on screen ?

[Jon Hobbs]

You guys are going to end up hating me because I'm trying to do a lot of things that require tooltips at the moment and I keep finding problems ;)

Is it possible to specify that if a tooltip open up near the edge of the page that it stays on the page and doesn't make scroll bars appear ?

You should be able to see what I mean if you hover over the thumbnails on this page...

http://www.templatemonster.com/

They never go off the screen.



Oh and by the way, the following demo doesn't work properly in Firefox..

http://www.telerik.com/DEMOS/ASPNET/Prometheus/ToolTip/Examples/LoadOnDemand/DefaultCS.aspx

when you hover over an item and try to choose a quantity from the select list the tooltip disappears.

[Tsvetie]

Hi Jon,
Straight to your questions:

1. I am not sure I understand your problem correctly. Do you mean that when you open the RadToolTip near the edge of the browser window, it goes out of the visible part and you have to scroll to see the whole RadToolTip? I was not able to reproduce such behavior with the page to which you provided a link - when the RadToolTip opens, it repositions itself in order to stay in the visible part of the browser window. Could you please open a new support ticket and send us a movie showing this behavior as well as a project with which we can reproduce it?
2. We are aware of this issue and it is no our TODO list.

Kind regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Jon Hobbs]

Hi Tsvetie,

Yes that is exactly what I mean, the link I provided is to a site that doesn't use RadToolTip , if you look at your online demos here and make your window smaller you will see that RadToolTips don't stay on the page if they are near the edge.

Jon

[Tsvetie]

Hi Jon,
I can see what you mean - with the current version of the RadToolTip, the ToolTip object takes into account only the right border of the browser window and not the bottom border. This functionality is on our TODO list.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Alex Osokin]

twas this fixed in the latest build yet?

[Georgi Tunev]

Hello Alex,

This problem is still not fixed. It will be in one of the following updates. We apologize for the temporary inconvenience.




Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Jeff]

I too am experiencing this problem.  When I have a tool tip on an item near the bottom of the screen, the tooltip gets cut off.

[Tsvetie]

Hi Jeffrey Hansbury,
The bottom boundary detection is implemented - you can test the behavior of the RadToolTip control (version 2008.1.415.20) on our online examples.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Len Simmons]

Hi,

I actually want the tooltip to stay but as i am implementing a "file options" menu button with in a grid, but it repositions if there is not enough "screen" to allow it to stay where i want. The tooltip is positioned relative to an element:

<

 

telerik:RadToolTip ID="test" runat="server" TargetControlID="imOptions" Skin="AltiusOpts"

 

 

EnableEmbeddedSkins="false" Sticky="true" OffsetX="-24" OffsetY="-20" ShowCallout="false"

 

 

ShowEvent="OnMouseOver" Position="BottomRight" RelativeTo="Element" Width="224" Height="262" ShowDelay="5" Animation="Fade"

 

 

HideDelay="100" >

 

How do i make it stay "on top of" the targetcontrol?

I am using the  q3 2008 version of the tooltip control.

Thanks

[Svetlina Anati]

Hi Len,

By default when there is not enough space for the tooltip to show, it repositions itself in order to fit in the screen bounds. If you want to turn off this functionality, you can hook up the OnClientBeforeShow event and attach the following handler:

 <script type="text/javascript">
        function OnClientBeforeShow(sender, args)
        {
           sender._popupBehavior.set_keepInScreenBounds(false);
        }

        </script>

However, if you want to customize the repositioning you can hook the same event and then calculate position coordinates and set the desired position to the tooltip.
Regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.