ToolTipZoneID

2 posts, 1 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 30 Jul 2015 Link to this post

    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

  2. Answer
    Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 03 Aug 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top