Log In
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Data Editor Extensions
    Editor List
    Main Features
   [Expand]Common Concepts
   [Collapse]Editor Types
      Overview - TrackBar
      TrackBar Main Features
      TrackBar Scale Settings
   [Expand]Strongly-Typed Editor Types
  [Expand]Report Extensions
 [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]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

TrackBar Main Features

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

TrackBar offers the following features.

  • Various Orientation and Direction

    TrackBar supports two orientation modes that can be specified with the TrackBarSettings.Properties.Orientation (TrackBarProperties.Orientation) property: horizontal and vertical.

    TrackBar can be displayed in a normal or reversed mode. This is controlled by the TrackBarSettings.Properties.Direction (TrackBarProperties.Direction) property. In a reversed mode, the TrackBar direction (from MinValue to MaxValue) turns from left to right to right to left (or from up to down to down to up if it is in a vertical orientation mode).

  • Single and Range Value Selection Modes

    TrackBar has the ability to display two drag handles allowing end-users to select a range of values instead of a single value. Set the TrackBarSettings.Properties.AllowRangeSelection (TrackBarProperties.AllowRangeSelection) property to True to enable the range selection mode. In the range selection mode, the TrackBarSettings.PositionStart and TrackBarSettings.PositionEnd properties are used to specify main and secondary drag handle positions respectively.

  • Items Mode Support

    TrackBar allows you to display custom items instead of automatically generated decimal scale marks. Populate the TrackBarSettings.Properties.Items (TrackBarProperties.Items) collection to activate TrackBar's items display mode.

  • Full Scale and Layout Customization

    TrackBar supports full scale customization. You can customize value selection, look-and-feel, scale layout and appearance. See this topic to learn more: TrackBar Scale Settings.

  • Value Selection

    End-users can select a value within the TrackBar by positioning the handle within a range of values limited by a developer (using MinValue and MaxValue).

  • Full-Featured Client-Side API

    TrackBar 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 TrackBar extension.

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