Change ToolTip's Target on the client

[Kevin Warnke]

I have a tooltip that I would like to trigger from various elements on the page.

Is there a way for me to change the ToolTip's Target using Javascript so that the "element" positioning will cause the tooltip to move as other elements initiate the show?

Thanks,
Kevin

[Svetlina Anati]

Hello Kevin,

Yes, it is possible to change the RadToolTip's target element on the client - this can be done by using its set_targetControlID client-side method. For your convenience I prepared the following code sample:

 <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />

        <script type="text/javascript">
       function ChangeTargetControl()
       {
          var tooltip = $find("<%=RadToolTip1.ClientID %>");
          tooltip.set_targetControlID("<%=link2.ClientID %>");
       }
        </script>

        <telerik:RadToolTip ID="RadToolTip1" runat="server" Text="This is a test tooltip"
            Skin="Vista" TargetControlID="link1" RelativeTo="Element">
        </telerik:RadToolTip>
        <asp:HyperLink ID="link1" runat="server">First target</asp:HyperLink>
        <br />
        <br />
        <asp:HyperLink ID="link2" runat="server">Second target</asp:HyperLink>
        <br />
        <br />
        <button onclick="ChangeTargetControl();return false;">
            Change target</button>
    </form>

The two hyperlinks serve as target controls and the tooltip is declaratively associated with the first one. When you click the button, the second hyperlink becomes the target of 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.