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

Example of Events in ASP.NET Core Range Slider Control

This sample demonstrates the events that have been triggered on the Slider operations with the help of event trace panel. Drag the thumb over the bar between min and max to know the event details.

DEMO
SOURCE

Slider component triggers the event based on its actions. The events can be used as an extension point to perform custom operations.

In this demo, Slider performs following actions which can be traced by event trace panel:

  • Created - Triggers when the Slider is created.
  • Change - Triggers when the Slider value is changed.
  • Changed - Triggers when the Slider action is completed with change in Slider value.