Getting Started with UWP Range Slider (SfRangeSlider)

25 May 20211 minute to read

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="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:input="using:Syncfusion.UI.Xaml.Controls.Input">

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
 }