• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Default Functionalities in ASP.NET Core Range Slider Control

This sample demonstrates the default rendering of Slider component. Drag the thumb over the bar for selecting the values between min and max.

DEMO
SOURCE

The Slider component allows to select a value or range of values in-between a min and max range, by dragging the thumb over the slider bar. Three types of sliders are:

  • Default - allows to select a single value.
  • MinRange – allows to select a single value, but highlights with a range selection from the min value to the current handle value.
  • Range – allows to select a range of values with two handles, where the handles are connected with a range selection.

In this demo, the default, MinRange, and Range Slider types can be seen.

More information about Slider instantiation can be found in this documentation section

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab