[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Collapse]Data Editors
   [Expand]Product Information
   [Expand]Common Concepts
   [Collapse]Editor Types
      ASPxTrackBar Overview
       Orientation and Direction
      [Expand]Items Mode
       Single and Range Value Selection
       Value Selection
       Scale Settings
       Client-Side API
     [Expand]Visual Elements
     [Expand]ASPxTrackBar - Animated Images
  [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]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]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Scale Settings

ASPxTrackBar supports full scale customization. You can customize value selection look-and-feel, the scale layout and appearance.

Expanded Value Selection Look-And-Feel

Value selection look-and-feel scale settings include:

The table below demonstrates how different properties affect scale appearance.

Scale View Affected Properties

MinValue = 0

MaxValue = 50

LargeTickStartValue = 0

LargeTickEndValue = 50

SmallTickFrequency = 5

LargeTickInterval = 10

MinValue = 0

MaxValue = 50

LargeTickStartValue = 5

LargeTickEndValue = 45

SmallTickFrequency = 5

LargeTickInterval = 10

MinValue = 0

MaxValue = 11

LargeTickStartValue = 0.5

LargeTickEndValue = 10.5

SmallTickFrequency = 1

LargeTickInterval = 2

MinValue = -10

MaxValue = 30

LargeTickStartValue = 0

LargeTickEndValue = 30

SmallTickFrequency = 8

LargeTickInterval = 10

The ASPxTrackBar.Step property defines the minimal value (increment/decrement) by which end-users can change the drag handle position.

Expanded Scale Layout And Appearence

The ASPxTrackBar control supports scale layout customization. Here are the properties that affect it:

The table below demonstrates how different properties affect a scale layout.

Scale Layout Affected Properties

ScaleLabelHighLightMode = AlongBarHighLight

ValueToolTipPosition = RightOrBottom

ScalePosition = LeftOrTop

ScaleLabelHighLightMode = HandlePosition

ValueToolTipPosition = LeftOrTop

ScalePosition = Both

ScaleLabelHighLightMode = None

ValueToolTipPosition = None

ScalePosition = RightOrBottom

Note that the scale style can be flexibly customized with the ASPxTrackBar.ScaleStyle property.

Expanded See Also

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