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

Example of Events in ASP.NET MVC 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.


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 Slider is created.
  • Change - Triggers when the Slider value is changed.
  • Changed - Triggers when the Slider action is completed with change in Slider value.