[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
     [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?​​​​​​​