ToolTipZoneID

[Fit2Page]

From your demo http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipzoneid/defaultvb.aspx

 

 

  <div class="demo-containers" id="container1">
        <div class="demo-container">
            <h2>
                Tooltipified links in the "container1" zone
            </h2>
            <telerik:RadToolTipManager runat="server" AutoTooltipify="true" ID="RadToolTipManager1"
                ToolTipZoneID="zone1" RelativeTo="Element" Width="150px">
            </telerik:RadToolTipManager>
            <div id="module">
                Lorem ipsum dolor sit amet,

 

In the code there is no element defined as "zone1". What is the user there, I don't understand.

I want to tooltiptify a radslider but cannot succeed in this.

Marc

[Ianko]

Hello Marc,

Indeed, the zone 1 id does not exists and it should be set to module. This is a mistake in the demo.

The matter with RadSlider, as the slider dynamically generates its anchor elements on the client. Thus, if the ToolTipManager is declared before RadSlider, it cannot get the anchors and tooltipify them. So, you can simply put the manager after the slider in the markup.

<telerik:RadSlider runat="server" ID="RadSlider1"></telerik:RadSlider>

<telerik:RadToolTipManager runat="server" ID="TTM1" AutoTooltipify="true">
</telerik:RadToolTipManager>

However, if there is an AJAX-enabled scenario, this will not work. So, the resolution is to force the manager to tooltipify the elements:

<telerik:RadToolTipManager runat="server" ID="TTM1" AutoTooltipify="true">
</telerik:RadToolTipManager>

<telerik:RadSlider runat="server" ID="RadSlider1" OnClientLoad="OnClientLoad"></telerik:RadSlider>

<script>
    function OnClientLoad(sender, args) {
        var tooltipManager = $find("<%= TTM1.ClientID %>");
        tooltipManager.tooltipify(sender.get_element());
    }
</script>

Hope that helps.

Regards,
Ianko
Telerik