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
 [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]Spreadsheet
  [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]Charts
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Tree List
  [Collapse]Data Editor Extensions
    Editor List
    Main Features
   [Expand]Common Concepts
   [Collapse]Editor Types
    [Expand]BinaryImage
    [Expand]Button
    [Expand]ButtonEdit
    [Expand]Calendar
    [Expand]Captcha
    [Expand]CheckBox
    [Expand]CheckBoxList
    [Expand]ColorEdit
    [Expand]ComboBox
    [Expand]DateEdit
    [Expand]DropDownEdit
    [Expand]GridLookup
    [Expand]HyperLink
    [Expand]Image
    [Expand]Label
    [Expand]ListBox
    [Expand]Memo
    [Expand]ProgressBar
    [Expand]RadioButton
    [Expand]RadioButtonList
    [Expand]SpinEdit
    [Expand]TextBox
    [Expand]TimeEdit
    [Expand]TokenBox
    [Collapse]TrackBar
      Overview - TrackBar
      TrackBar Main Features
      TrackBar Scale Settings
    [Expand]ValidationSummary
   [Expand]Strongly-Typed Editor Types
  [Expand]Report Extensions
  [Expand]SpellChecker
 [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]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[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.

How would you rate this topic?​​​​​​​