Hi Doug Rutledge,
First, let me explain the situation. The RadToolTip control is positioned on the page with a combination of the "position" (position:absolute), "top" and "left" CSS properties. The top and left CSS properties are relative to the first positioned parent element (the first parent element with position, different from static, which is the default value). However, the getLocation method
that we use to calculate the position of the targetElement, returns the position, relative to the browser window. One possible solution that we used in previous versions of the control, was to move the RadToolTip to the FORM element, but moving the tooltip in the DOM led to problems with callbacks (when an UpdatePanel is placed in the RadToolTip for example). That is why we abandoned this approach. Now that RadToolTip stays where it is rendered and thus the problems with positioning, when placed in a positioned element.
I have added the problem on our TODO list, but I cannot tell you when it will be fixed. I can offer you two approaches in this situation:
- Move the declaration of the RadToolTip outside of the RadPane (with position:relative). That way it will not be rendered in a positioned parent.
- In case you do not intend to use the RadToolTip with an UpdatePanale inside, place the following code fragment just below the definition of the ScriptManager - it will move the RadToolTip to the FORM element:
|Telerik.Web.UI.RadToolTip.prototype._addToolTipToDocument = function(elem)
| //Append tooltip to end of document
| var form = document.getElementById(this._formID);
| if (!form) form = document.forms;
the Telerik team