New to Telerik UI for WinUI? Download free 30-day trial

Create RadRangeSlider with a Single Thumb

The following example demonstrates how to remove the SelectionStart thumb of the slider.

WinUI Rad Range Slider-How To-One Thumb

You can use the following namespaces to access RadRangeSlider control and its parts: xmlns:telerik="using:Telerik.UI.Xaml.Controls.Input" and xmlns:primitives="using:Telerik.UI.Xaml.Controls.Primitives"

You will also have to disable the SelectionMiddleThumb by setting its IsHitTestVisible property to false.

Example 1: Collapsed Top Left Scale

<telerik:RadRangeSlider Grid.Row="0" Minimum="0" SelectionStart="0" TickFrequency="10" Width="300"> 
    <Style TargetType="primitives:RangeSliderPrimitive"> 
                <Setter Property="SelectionStartThumbStyle"> 
                        <Style TargetType="Thumb"> 
                            <Setter Property="Visibility" Value="Collapsed"/> 
                <Setter Property="SelectionMiddleThumbStyle"> 
                        <!--The BasedOn is required here to not override the style completely and lose its Template for example--> 
                        <Style TargetType="Thumb" BasedOn="{StaticResource SelectionMiddleThumbStyle}"> 
                            <Setter Property="IsHitTestVisible" Value="False"/> 
In this article
Not finding the help you need?