[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
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Collapse]Data Editors
   [Expand]ASPxBinaryImage
   [Expand]Product Information
   [Expand]ASPxButton
   [Expand]Common Concepts
    ASPxButtonEdit
   [Expand]ASPxCalendar
    ASPxCheckBox
    ASPxCheckBoxList
   [Expand]ASPxColorEdit
   [Expand]ASPxComboBox
   [Expand]ASPxDateEdit
   [Expand]ASPxDropDownEdit
   [Expand]ASPxFilterControl
   [Expand]ASPxHyperLink
    ASPxImage
    ASPxLabel
   [Expand]ASPxListBox
   [Expand]ASPxMemo
   [Expand]ASPxProgressBar
    ASPxRadioButton
   [Expand]ASPxRadioButtonList
   [Expand]ASPxSpinEdit
    ASPxTextBox
    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
    ASPxValidationSummary
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [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]Office File API
[Expand]Reporting
[Expand]Report and Dashboard 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

Is this topic helpful?​​​​​​​