I have a RadTooltip that must be inside a predefined div. But the Tooltip wrapper render at the end of the document, how can I force the wrapper to be rendered inside my div?
I tired to set RenderInPageRoot to false but It still render it to the end of the document....
2 Answers, 1 is accepted
answered on 08 Nov 2013, 10:50 AM
What I can suggset is using the mouseover and mouseout events to show/hide a certain div that is adjacent to the target.
I an also offer you the following script override that will render the tooltip as the last node in the parent element of its target. Note that I cannot guarantee it will function as expected and it will not result in problems. You can further customize the popup element (e.g., remove its absolute positioning) as desired. The script must be placed just before the closing </form> tag so that it is after any RadToolTip instances that may reset it.
if (ttip.get_targetControl() && ttip.get_targetControl().parentNode)
var formID = ttip.get_formID();
var parent = formID ? document.getElementById(formID) : null;
if (document.forms && document.forms.length > 0) parent = document.forms;
else parent = document.body;
Telerik.Web.UI.RadToolTip.prototype._addToolTipToDocument = function (elem)
var parent = getMyParent(this);
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.