Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
    [Expand]ASPxButtonEdit
    [Expand]ASPxCalendar
    [Expand]ASPxCheckBox
    [Expand]ASPxCheckBoxList
    [Expand]ASPxColorEdit
    [Expand]ASPxComboBox
    [Expand]ASPxDateEdit
    [Expand]ASPxDropDownEdit
    [Expand]ASPxFilterControl
    [Expand]ASPxHyperLink
    [Expand]ASPxImage
    [Expand]ASPxLabel
    [Expand]ASPxListBox
    [Expand]ASPxMemo
    [Expand]ASPxProgressBar
    [Expand]ASPxRadioButton
    [Expand]ASPxRadioButtonList
    [Expand]ASPxSpinEdit
    [Expand]ASPxTextBox
    [Expand]ASPxTimeEdit
    [Expand]ASPxTokenBox
    [Collapse]ASPxTrackBar
      ASPxTrackBar Overview
     [Collapse]Concepts
       Orientation and Direction
      [Expand]Items Mode
       Single and Range Value Selection
       Value Selection
       Scale Settings
       Client-Side API
     [Expand]Visual Elements
     [Expand]Examples
     [Expand]ASPxTrackBar - Animated Images
    [Expand]ASPxValidationSummary
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Value Selection

ASPxTrackBar is a slider control that provides end-users with fast and easy visual data selection capabilities. End-users can select a value within ASPxTrackBar by positioning the handle within a range of values limited by a developer (using MinValue and MaxValue). The drag handle position can be changed in the following manner:

  • By clicking on the track or scale

    End-users can click the track or scale in a needed place in order to change the track bar value. The availability of the scale is controlled by the ASPxTrackBar.ScalePosition property.

    See animation.
  • By clicking on decrement and increment buttons

    An end-user can click increment and decrement buttons on order to change the drag handle position by value, defined in the ASPxTrackBar.Step property. The availability of increment and decrement buttons is controlled by the ASPxTrackBar.ShowChangeButtons property.

    See animation.
  • Via the mouse wheel

    End-users can scroll the mouse wheel in order to change a drag handle position. If the ASPxTrackBar.AllowMouseWheel property is set to false, end-users cannot use this manner to change a track bar value. Note that if the track bar is focused, scrolling the mouse wheel changes a track bar value, even if the mouse pointer is not over the editor: if an end-user wants to scroll the page, he or she should remove focus from the track bar.

  • By dragging the handles

    End-users can drag the handle and drop it at the required position. The availability of the drag handle is controlled by the ASPxTrackBar.ShowDragHandles property.

    See animation.
  • By pressing arrow keys

    If the track bar is in a horizontal orientation mode, end-users can use left/right arrows to change the track bar value, if in a vertical orientation mode - up/down arrows.

  • Bar Highlight moving

    If the ASPxTrackBar.AllowRangeSelection property is set to true, end-users can select a range of values instead of a single value. The ASPxTrackBar control provides end-users with the ability to move the selected range along the track by dragging the track highlighted part called bar highlight.

    See animation.

Note that the ASPxTrackBar control automatically marks the last 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 or a scale changes the position of the nearest drag handle.

Expanded See Also

How would you rate this topic?​​​​​​​