WPF Slider/Range Slider control

WPF Range Slider control

A single slider can be used either as a vertical or horizontal slider.

A single value or a range can be selected by providing a single thumb or two thumbs, respectively.

Customizing ticks, thumbs, and tracking can easily adapt the control to your app’s design.

FREE TRIAL

VIEW DEMOS

.NET 7.0 support now available

Overview

The Range Slider control allows you select a range of values within a specified minimum and maximum limit. The range can be selected by moving the thumb control along a track. The control is intended to provide a UI to filter collection items within a range.

Range value

Choose a single or a range of values (start and end) between minimum and maximum.

Selecting a value within a range using WPF Range Slider.

Custom values

The range slider control supports number, float, and negative values.

Customized labels for WPF Range Slider.

Tick frequency

Split the range of values into equal intervals to help users choose the required values easily.

WPF Range Slider Tick frequency documentation

Tick frequence for WPF Range Slider.

Snapping

While sliding, snap to visualize tick frequency or programmatic snap frequency.

Snap to ticks or custom frequence using WPF Range Slider.

Custom labels

The Range Slider is not restricted to numeric values, so you can visualize values as text, like: Low, Medium, High; or Bad, Good, Excellent.

Customized labels for WPF Range Slider.

Major and minor ticks

Supports major and minor ticks representation and can be easily customized as active and inactive ticks based on the range.

Major and minor ticks of WPF Range Slider.

Tick and label placement

Place or align ticks and labels in a different direction or orientation.

Customize position of ticks and labels in WPF Range Slider.

Vertical slider

You can control the orientation of a slider to render it in a vertical direction.

Vertical orientation of WPF Range Slider.

Keyboard interaction

Use arrow keys to adjust the value of a slider.

Interactively change the value of Range Slider using arrow keys.

The value of the pointer or range is shown in a tooltip. You can control the placement of tooltips.

Tooltip representing a value in WPF Range Slider.

Orientation

The WPF Range Slider’s orientation can be set to horizontal or vertical. The default option is horizontal.

WPF Range Slider Orientation Horizontal

WPF Range Slider Orientation documentation

Reverse direction

Reverse the direction of a slider as needed.

Inverse or reverse the direction of WPF Range Slider.

Customization

Customize each element of the Range Slider in easy ways like thumb, active and inactive tracks, ticks and tooltips.

WPF Range Slider Customization documentation

Customization of WPF Range Slider.

WPF Range Slider Code Example

Easily get started with the WPF Range Slider using a few simple lines of XAML or C# code example as demonstrated below. Also explore our WPF Range Slider Example that shows you how to render and configure the WPF Range Slider in WPF.

xaml
c#
<Grid>
        <syncfusion:SfRangeSlider Minimum="100" Maximum="500"  ShowValueLabels="True" TickFrequency="50" Width="400"/>
</Grid>
public MainWindow()
        {
            InitializeComponent();
            Grid grid = new Grid();
            SfRangeSlider sfRangeSlider = new SfRangeSlider();
            sfRangeSlider.Minimum = 100;
            sfRangeSlider.Maximum = 500;
            sfRangeSlider.ShowValueLabels = true;
            sfRangeSlider.TickFrequency = 50;
            sfRangeSlider.Width = 400;
            grid.Children.Add(sfRangeSlider);
            this.Content = grid;

        }

Frequently Asked Questions

✅ Why should you choose Syncfusion WPF Range Slider?

Syncfusion WPF Range Slider provides the following:

Can be used as either a Slider or a Range Slider.
Has rich UI interaction and keyboard navigation to interact with the software.
Is packed with a bunch of features with customization options suitable for building complex, large-scale applications.
Has a simple configuration and APIs.
Is touch-friendly and responsive.
Learn quickly and get started with WPF Range Slider using its extensive demos and documentation.

✅ Where can I find the Syncfusion WPF Range Slider demo?

You can find our WPF Range Slider demo on

GitHub location.

App center location.

Microsoft location.

✅ Can I download and utilize the Syncfusion WPF Range Slider for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

✅ How do I get started with Syncfusion WPF Range Slider?

A good place to start would be our comprehensive getting started documentation.

Rated by users across the globe

Syncfusion Roslyn Compiler runtime

The WPF controls, especially the DataGrid is very user friendly, the C# code editor is fast. The support is very good, it is the best.

Wilmer B,

Gerente, Small-Business

Syncfusion WPF components

Syncfusion has an extensive set of components. Almost anything I need can be found in the suite. Their support is excellent. Even though I use the free community edition, I always get timely responses and they actively think with me to solve any questions/issues.