ToolTip in Slider

3 posts, 0 answers
  1. Duraisamy
    Duraisamy avatar
    1 posts
    Member since:
    Nov 2008

    Posted 28 May 2009 Link to this post

    Hi,
    I would like to use the radtooltip control in the radslider control.
    When I drag the slider, the tooltip should be displayed.
    How can I do this?
    Can help me?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 28 May 2009 Link to this post

    Hello Duraisamy,

    You can try out the following code to display a ToolTip when the slider is dragged:
    aspx:
    <telerik:RadSlider ID="RadSlider1"   OnClientValueChange="ValueChange" runat="server" /> 
     <telerik:RadToolTip ID="RadToolTip1"  TargetControlID="RadSlider1" RelativeTo="Element" Text="CustomText"  runat="server"
     </telerik:RadToolTip> 

    js:
    function ValueChange(sender, eventArgs) 
                    {              
                         
                        var tooltip = $find("<%=RadToolTip1.ClientID %>");                 
                        tooltip.show(); 
                    } 

    Thanks
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 28 May 2009 Link to this post

    Hi Duraisamy,

    The approach Princy provided is correct and I recommend to use it. You should also set ShowEvent="FromCode" for the tooltip because you are showing it by code and otherwise it will show on hover, too, which is not desired in this case.

    Sincerely yours,
    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.
Back to Top