RadToolTip with RadDock

[Martín]

Hello!

I have an application where I'm using RadToolTip with RadDock. I have a RadDockLayout with only one RadDockZone and this zone with only one RadDock. Inside the dock I'm showing a lot of images and when you click on one of them the RadToolTip shows up.

The problem is that the tooltip shows up and exceeds the docks boundaries and when I try to close (ManualClose) it, I cannot do it because it loses this functionallity due to it exceeds the docks boundaries.

How can I do to keep the tooltip inside the docks boundaries without it makes scrolling?

Thanks beforehand!

[Svetlina Anati]

Hi Martín,

I am not quite sure about your exact scenario but as far as I understood you want the RadToolTip to exceed the RadDock's boundaries and show above it. 

If I am right, I suggest to change the default behavior by overriding it as shown below:

 

<script>
    if (typeof(Telerik) != "undefined")
    {
        Telerik.Web.UI.RadToolTip.prototype._addToolTipToDocument = function(elem)
        {
           //Append tooltip to end of document
           var form = document.forms[0];
           form.appendChild(this._popupElement);
        };
    }

</script>

Please, note that this solution is not suitable in case you use AJAX when loading the tooltip content.

In case I have not understand you correctly, please open a new support ticket and send me a sample, fully working reproduction demo along with a detailed explanation of the desired behavior and some screenshots.

Sincerely yours,
Svetlina
the Telerik team

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

[Mdyeb]

Hi Svetlina,
Thanks for this solution, it solved my problem but it has an issue; I am using a label called "LblTaskTitleToolTip"

<telerik:RadToolTip ID="RdToolTipTaskTitle" runat="server" TargetControlID="LblTaskTitle"
    AutoCloseDelay="0" Sticky="false" RelativeTo="Element" Position="TopRight" Skin="Default"  Width="250">
   <asp:Label ID="LblTaskTitleToolTip" runat="server"></asp:Label>
</telerik:RadToolTip>

i am filling this label in the code like :

LblTaskTitleToolTip.Text &= "<b>Status: </b><span class=""LabelsClass"">" & CboStatuses.Text & "</span>"

so what happen is that the label loose its formatting, for example its ForeColor will back to Black instead of the color given in the CSS Class.

[Svetlina Anati]

Hello Mdyeb,

You have not provided enough details for your setup and what I assume since I do not have enough information is that you use the RadToolTipManager control and the CSS is in a user control which you actually load with AJAX. If so, please examine the following blogpost:

http://blogs.telerik.com/tervelpeykov/posts/08-10-03/AJAX_Using_AJAX_to_load_a_usercontrol_that_requires_a_custom_css_file.aspx

In case you decide to upgrade to the latest available built which is Q1 2009, you can remove the fix with the script and set RenderInPageRoot=true - this is a new property which internally uses the fix.

Best wishes,
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.