[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]Gantt
  [Expand]Card View
   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]Product Information
   [Expand]Common Concepts
   [Expand]ASPxBinaryImage
    ASPxButton
    ASPxButtonEdit
    ASPxCalendar
    ASPxCheckBox
    ASPxCheckBoxList
   [Expand]ASPxColorEdit
   [Expand]ASPxComboBox
   [Expand]ASPxDateEdit
    ASPxDropDownEdit
   [Expand]ASPxFilterControl
   [Expand]ASPxHyperLink
    ASPxImage
    ASPxLabel
   [Expand]ASPxListBox
    ASPxMemo
   [Expand]ASPxProgressBar
    ASPxRadioButton
   [Expand]ASPxRadioButtonList
   [Expand]ASPxSpinEdit
    ASPxTextBox
    ASPxTimeEdit
   [Expand]ASPxTokenBox
   [Collapse]ASPxTrackBar
    [Expand]Concepts
    [Expand]Visual Elements
    [Expand]Examples
    [Expand]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]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

ASPxTrackBar

The ASPxTrackBar control is a slider that provides end-users with fast and easy visual data selection capabilities.

ASPxTrackBar offers the following features:

  • Various Orientation and Direction

    ASPxTrackBar supports two orientation modes that can be specified with the ASPxTrackBar.Orientation property: horizontal and vertical.

    ASPxTrackBar can be displayed in normal or reversed mode. This is controlled by the ASPxTrackBar.Direction property.

    See the Orientation and Direction topic to learn more

  • Single and Range Value Selection Modes

    ASPxTrackBar has the ability to display two drag handles allowing end-users to select a range of values instead of a single value. See the Single and Range Value Selection to learn more.

  • Items Mode Support

    ASPxTrackBar allows you to display custom items instead of automatically generated decimal Scale marks. Populate the ASPxTrackBar.Items collection to activate ASPxTrackBar's items display mode.

    See the Items Mode Overview topic to learn more.

  • Full Scale and Layout Customization

    ASPxTrackBar supports full scale customization. You can customize value selection, look-and-feel, scale layout and appearance. See this topic to learn more about all customization possibilities and affected properties: Scale Settings.

  • Value Selection

    End-users can select a value within the ASPxTrackBar by positioning the handle within a range of values limited by a developer (using MinValue and MaxValue). See this topic to learn more about different ways to change a drag handle position: Value Selection.

  • Full-Featured Client-Side API

    ASPxTrackBar provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the ASPxClientTrackBar object. The ASPxClientTrackBar object serves as a client-side equivalent of the ASPxTrackBar control.

    Client-side API concepts: Client-Side API

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