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
   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

Manual Items Creation

In an unbound mode, the ASPxTrackBar control is not bound to any data source, and you can populate it with items manually.

Items can be manually created at design time via the Items Editor or directly in an aspx file.

At runtime, you can create items via the TrackBarItemCollection.Add or ListEditItemCollectionBase.AddRange methods.

Expanded Creating Items at Design-Time

You can use the Items Editor dialog to manually create ASPxTrackBar items at design time.

The Items Editor dialog allows you to add, delete and rearrange items, access and customize item settings. The dialog is shown in the image below.

When the OK button is clicked, the aspx code that adds the created items is generated. The code is listed below.

You can create items directly in an aspx file, writing a similar code.

The following image shows the result.

Expanded Creating Items at Runtime

ASPxTrackBar allows you to create items with specified settings at runtime, using the TrackBarItemCollection.Add or ListEditItemCollectionBase.AddRange methods. You can create all the items at one time or create items dynamically on demand.

See the example.

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