Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Range Selection

The DevExpress ASP.NET Track Bar (ASPxTrackBar) can display two drag handles; this allows end-users to select a range of values instead of a single value. Set the AllowRangeSelection property to True to enable this functionality.

In range selection mode, the PositionStart and PositionEnd properties are used to specify drag handle positions. By default (in decimal scale display mode), a handle position corresponds to the track bar value. If you use the display mode of an item, the handle position is specified by the corresponding item's index.

The ASPxTrackBar control provides an end-user with the ability to move the selected range along the track by dragging the highlighted portion of the track.

The track bar automatically marks the most recently clicked handle as focused, and highlights it by default. An end-user can change its position using arrow keys, increment/decrement buttons, and the scroll wheel. Note that a click on the track changes the position of the nearest drag handle.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos