Scale Settings

Jul 26, 2021
2 minutes to read

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

Value Selection Look-And-Feel

Value selection look-and-feel scale settings include:

ASPxTrackBar.MinValue and ASPxTrackBar.MaxValue. Limit a value span visualized by the scale.
ASPxTrackBar.LargeTickInterval. Specifies the large tick placement interval.
ASPxTrackBar.SmallTickFrequency. Defines how frequently small ticks should fill a single interval between large ticks.
ASPxTrackBar.LargeTickStartValue and ASPxTrackBar.LargeTickEndValue. Define the span where large tick marks should be placed.

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 users can change the drag handle position.

Scale Layout And Appearence

The ASPxTrackBar control supports scale layout customization. The following properties affect the scale layout:

ASPxTrackBar.ScalePosition. Specifies where the scale is displayed: on one or both sides along the track.
ASPxTrackBar.ScaleLabelHighlightMode. Allows you to define how the scale labels should be highlighted.
ASPxTrackBar.ValueToolTipPosition. Defines the position where a value’s tooltip appears when a user changes the drag handle position.

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 you can use the ASPxTrackBar.ScaleStyle property to customize the scale style.