ToolTip Off Screen Without Height/Width

[Chad Griffin]

Hello all,

First off let me say I am using IE7 and version 2008.3 1125

I am currently working on a project with a lot of thumnails.  Currently, live, we are using the RadWidnow to popup the full image into a modal window.  We really would like to use a mouseover with the Radtooltip (using tooltipmanager), but are running into one major drawback.  We want the tooltip to wrap the image perfectly so there is no scrollbars or empty space.  If we do not set the Height/Width of the tooltip manager this works great, except that it appears the tooltip no longer can sense the screen boundaries.  Images that anywhere near the top, bottom, left, or right will simply overflow off the screen.  You see this same result in the following demo:

http://demos.telerik.com/aspnet-ajax/ToolTip/Examples/Default/DefaultCS.aspx

Just scroll down the page  a little and hover over a product....it goes right through the top of the screen.  If you set the Height and Width property then the tooltip stays within the page but then you must live with either the scrollbars or empty white space since not all the images are the same deminisions. 

Is there anything that I can do to work around this?  Although not ideal, maybe some sort of javascript resize on the ClientShow?

 

Thanks,

 

Chad

[Chad Griffin]

I am not sure how I missed the Image Gallery demo (http://demos.telerik.com/aspnet-ajax/ToolTip/Examples/ImageGallery/DefaultCS.aspx).  While I was able to use this demo as a base to do what I wanted and I understand why it is neccessary, I hope that this is just a temporary work around.  If the Height and Width are not set on the tooltip it seems to me the control should do the hide/updateLocation internally so it is not neccessary to register javascript on every page where you want a content sized tip.  That said, I must say that I really love the tooltip control and think it has absolutely added to the overall user experience of our site.

[Tervel]

Hello Chad,

We are glad that you were able to achieve the result you needed, and that you find the RadToolTip so useful. Indeed it is a control that we have done our best to make very flexible, yet logical and simple to use. Even better - we still have features and improvements in mind that we continue to add, as well as new examples.

Regarding the ImageGallery example that you used - based on your feedback we got some ideas how to make the example more visually appealing and providing better feedback to the user for the duration of the image loading. The next RadControls for ASP.NET update will feature an improved version of the example - which we hope will fit even better in your scenario.

As for the need to register and execute a javascript manually, in this particular case it is very necessary. Let me explain better why: What is in fact the content returned by the web service? It is just a simple string of HTML - an <img> tag. This executes pratically immediately. Yet, should the tooltip be shown and sized as a result of the end of this call? No, because the actual image is not its markup. The image is a separate file - and if it is large, it can take several seconds to download on the client. So, in it is when the image loads that a notification is needed - hence the need for some kind of a script. Of course, we have made the script as simple as possible, and will try to make it even simpler, but it is unlikely to disappear completely in this scenario.


Best regards,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.