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

Example of API in ASP.NET MVC Range Slider Control

This sample demonstrates the customization of Slider component by using its properties from property pane. Select any combination of properties from property pane to customize Slider component.

DEMO
SOURCE
Value
Min
Max
Step
Show Buttons
Disabled
Vertical Orientation
Readonly

In this demo, default slider is rendered with minimal configuration.

This sample can be customized further with the combination of Slider properties from the property pane. For example,

  • Min, max, value and Steps can be changed from the property pane.
  • Ticks can be enabled by selecting the ticks placement from the property pane.
  • Tooltip can be enabled by checking Show tooltip checkbox from property pane.
  • Vertical orientation can be enabled by checking vertical orientation from property pane and so on.