Getting Started with UWP Range Slider (SfRangeSlider)

This section explains how to create SfRangeSlider control.

Adding SfRangeSlider control

Create a Universal Windows Platform project in Visual Studio and refer to the following assemblies.

  • Syncfusion.SfInput.UWP
  • Syncfusion.SfShared.UWP

1.Include the namespace for Syncfusion.SfInput.UWP assembly in MainPage.xaml

<Page xmlns=""

2.Now add the SfRangeSlider control with a required optimal name using the included namespace

<input:SfRangeSlider x:Name="rangeSlider"  Width="500" HorizontalAlignment="Center" VerticalAlignment="Center" Minimum="0" Maximum="100"/>
SfRangeSlider rangeSlider = new SfRangeSlider() { Width = 500, HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center, Minimum = 0, Maximum = 100 };
Dim rangeSlider As New SfRangeSlider() With {
	 .Width = 500,
	 .HorizontalAlignment = HorizontalAlignment.Center,
	 .VerticalAlignment = VerticalAlignment.Center,
	 .Minimum = 0,
	 .Maximum = 100