• 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 Pointer & Ranges Drag in ASP.NET Core Circular Gauge Control

This sample illustrates dragging a pointer and a range in a circular gauge. End-user can drag the pointer and the range by enabling the pointer drag and range drag options.

DEMO
SOURCE
Pointer Value
70
Allow Pointer Drag
Allow Ranges Drag

In this example, you can see how to move the pointer and range in the circular gauge via drag action. The enablePointerDrag property can be used to enable or disable the pointer drag functionality. Similarly, the enableRangeDrag property can be used to enable or disable the range drag functionality.

More information on the pointer drag can be found in this documentation section. Likewise, the range drag information can be found in this documentation section.