Slider - AutoToolTip behavior

7 posts, 1 answers
  1. Justin
    Justin avatar
    1 posts
    Member since:
    Jul 2012

    Posted 05 Oct 2012 Link to this post

    I'm trying to use the RadSlider control with a tooltip to indicate the value as the thumb is dragged. This behavior can be seen with a base WPF Slider control when specifying the AutoToolTipPlacement property.

    My RadSlider uses the 'IsDeferredDraggingEnabled="True"' but I still want the tooltip to display the value where the thumb is currently if the user has the mouse pressed, and have the binding source update when the user is done dragging. Also, I need control over formatting the tooltip based on the value. An example of what I am doing currently is shown below.

    <telerik:RadSlider Padding="2" Width="154"
                            Minimum="{Binding MinSpeedValue}" Value="{Binding SpeedValue}" Maximum="{Binding MaxSpeedValue}"
                            LargeChange="1" SmallChange="1" IsMoveToPointEnabled="True" TickFrequency="1" IsSnapToTickEnabled="True"
                            ToolTip="{StaticResource SpeedTooltip}"

    Any help would be appreciated.
  2. Answer
    Tina Stancheva
    Tina Stancheva avatar
    3299 posts

    Posted 10 Oct 2012 Link to this post

    Hi Justin,

    Unfortunately the RadSlider doesn't support tooltips out-of-the-box. And even though you can implement a custom tooltip, you won't be able to update its Content when the RadSlider IsDeferredDraggingEnabled property is set to True.

    However, we've added this as a feature request in our PITS and you can vote for it in order to increase its priority.

    Kind regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. Haris
    Haris avatar
    2 posts
    Member since:
    Jun 2013

    Posted 25 Apr 2014 Link to this post

    Aren't the telerik controls meant to improve the standard MS controls? 

    Is this functionality still not available? 
  4. Pavel R. Pavlov
    Pavel R. Pavlov avatar
    1251 posts

    Posted 29 Apr 2014 Link to this post

    Hello Haris,

    Actually our controls are designed to extend (by providing new functionality or improving existing one) the suite of controls that Microsoft provide out of the box. Most of our controls derive from base classes like ContentControl, ItemsControl, HeaderedItemsControl and others.

    Regarding your second query, this functionality is logged as a feature request in our system. Also, it is already approved and we will consider its implementation in our future releases. Please follow the item and stay tuned for any changes.

    Thank you for understanding.

    Pavel R. Pavlov
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
  5. Douwe
    Douwe avatar
    13 posts
    Member since:
    Oct 2015

    Posted 25 May 2016 Link to this post

    Any news on this? I am breaking my head on how to display a tooltip with a custom text while dragging the thumb on the RadSlider but I did not yet find a solution...
  6. Kiril Vandov
    Kiril Vandov avatar
    324 posts

    Posted 25 May 2016 Link to this post

    Hello Douwe,

    The feature that you are asking for is still not implemented due to more urgent tasks and as it has an easy custom solution. You can create a Popup in which you can display the slider value and control its text and location using the slider event. I will guide you trough the basic steps:
    - we need to wait for the loader event of the slider and get the Thumb element called ("SingleThumbHost") from the template of the RadSlider control.
    - we create a new Popup and assign its PlacementTarget to be the "SingleThumbHost" thumb.
    - subscribe to the DragCompleted event of the "SingleThumbHost" thumb to close the popup once the drag is finished.
    - subscribe to the DragStarted event of the "SingleThumbHost" thumb to open the popup once the drag is started.
    - subscribe to the ValueChanged event of the RadSlider to update the Popup placement and Value.

    I have attached a sample project demonstrating the above approach. I have also created a Border which wraps the TextBlock which displays the slider value in order to be displayed exactly like the Microsoft Slider control.

    I hope this information helps.

    Kiril Vandov
    Do you need help with upgrading your AJAX, WPF or WinForms project? Check the Telerik API Analyzer and share your thoughts.
  7. Douwe
    Douwe avatar
    13 posts
    Member since:
    Oct 2015

    Posted 25 May 2016 in reply to Kiril Vandov Link to this post

    Dear Kiril,

    That was exactly what I needed, thank you very much for your swift and helpful response!

    Kind regards,


Back to Top