[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]Tree List
  [Expand]Card View
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Collapse]Data Editors 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]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Extensions
  [Expand]Query Builder
 [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

TrackBar Scale Settings

TrackBar 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 TrackBarSettings.Properties.Step (TrackBarProperties.Step) property defines the minimal value (increment/decrement) by which end-users can change the drag handle position.

Expanded Scale Layout And Appearance

TrackBar 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 TrackBarSettings.Properties.ScaleStyle (TrackBarProperties.ScaleStyle) property.

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