Track Bar

A DevExpress track bar, which is represented by the ASPxTrackBar control, is a slider that provides end-users with fast and easy visual data selection capabilities.

Item Mode

Item display mode allows you to display custom items instead of automatically generated decimal scale marks. This collection can be filled manually or populated automatically by binding the editor to a data source. For each item, you can define the text displayed as the item label, item value, and the text displayed within a value tooltip invoked for the item when it is selected by an end-user. (Show Demo)

Range Selection

ASPxTrackBar has an ability to display two drag handles allowing end-users to select a range of values instead of a single value. (Show Demo)

Layout Customization

The editor layout can be customized in different ways. The following features are enabled for the track bar. (Show Demo)

• Horizontal or vertical orientation.
• Normal or reversed direction.
• Three highlight modes for scale labels.
• Ability to hide drag handles.
• Ability to hide change buttons.
• Changeable scale position.
• Changeable value tooltip position.

Scale Customization

ASPxTrackBar supports full scale customization. You can specify the following scale parameters. (Show Demo)

• Minimum and maximum value visualized by the scale.
• The large ticks placement interval.
• Small ticks frequency.
• The minimal value (increment/decrement) by which the drag handle position can be changed by end-users.
• Start and end values of a large tick.

Rich Client-Side Functionality

The ASPxTrackBar control provides rich client-side API functionality. The main operations that you can perform on the client side are listed below.

• Specify editor position.
• Perform actions before and after an editor position change.
• Manipulate an editor's availability and visibility.
• Move input focus to an editor and respond to focus getting and leaving.
• Perform editor validation and respond to this action.