This is a migrated thread and some comments may be shown as answers.

ToolTipZoneID

1 Answer 15 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Fit2Page
Top achievements
Rank 1
Iron
Veteran
Iron
Fit2Page asked on 30 Jul 2015, 12:56 PM

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

1 Answer, 1 is accepted

Sort by
0
Accepted
Ianko
Telerik team
answered on 03 Aug 2015, 02:19 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
ToolTip
Asked by
Fit2Page
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Ianko
Telerik team
Share this question
or