[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]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]ASPxBinaryImage
    [Expand]ASPxButton
     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
      [Collapse]Items Mode
        Items Mode Overview
        Manual Items Creation
        Data Binding
       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

Items Mode Overview

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.

Track bar items are gathered in a ASPxTrackBar.Items collection. Items are represented as TrackBarItem objects. For each item you can define:

In the items display mode, there is no need to specify the following properties:

Possible positions to which drag handles can be moved by end-users correspond directly to items from the ASPxTrackBar.Items collection. When an end-user selects an item, the item's index is assigned to the editor's ASPxTrackBar.Position (or ASPxTrackBar.PositionStart/ASPxTrackBar.PositionEnd) property.

The type of item values can be centrally specified via the editor's ASPxTrackBar.ValueType property (by default it is set to Decimal).

Items collection can be filled manually or populated automatically through binding an editor to a data source (via the ASPxTrackBar.DataSourceID and ASPxTrackBar.DataSource properties).

Expanded Concepts

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