We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

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.

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.


Tooltip

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


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.

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.

<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;

        }



95+ WPF CONTROLS

Frequently Asked Questions

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.

You can find our WPF Range Slider demo on

GitHub location.

App center location.

Microsoft location.

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, 5 or fewer developers, and 10 or fewer total employees.

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

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion WPF Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon