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.

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"> 
    <telerik:RadRangeSlider.SliderPrimitiveStyle> 
    <Style TargetType="primitives:RangeSliderPrimitive"> 
                <Setter Property="SelectionStartThumbStyle"> 
                    <Setter.Value> 
                        <Style TargetType="Thumb"> 
                            <Setter Property="Visibility" Value="Collapsed"/> 
                        </Style> 
                    </Setter.Value> 
                </Setter> 
                <Setter Property="SelectionMiddleThumbStyle"> 
                    <Setter.Value> 
                        <!--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"/> 
                        </Style> 
                    </Setter.Value> 
                </Setter> 
            </Style> 
    </telerik:RadRangeSlider.SliderPrimitiveStyle> 
</telerik:RadRangeSlider> 
In this article
Not finding the help you need?