Scale Settings

  • 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:

The table below demonstrates how different properties affect scale appearance.

Scale View

Affected Properties

trackbar_concepts_ScaleSettings-0-0.png

MinValue = 0

MaxValue = 50

LargeTickStartValue = 0

LargeTickEndValue = 50

SmallTickFrequency = 5

LargeTickInterval = 10

trackbar_concepts_ScaleSettings-0-1.png

MinValue = 0

MaxValue = 50

LargeTickStartValue = 5

LargeTickEndValue = 45

SmallTickFrequency = 5

LargeTickInterval = 10

trackbar_concepts_ScaleSettings-0-2.png

MinValue = 0

MaxValue = 11

LargeTickStartValue = 0.5

LargeTickEndValue = 10.5

SmallTickFrequency = 1

LargeTickInterval = 2

trackbar_concepts_ScaleSettings-0-3.png

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:

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

Scale Layout

Affected Properties

trackbar_concepts_ScaleSettings_1

ScaleLabelHighLightMode = AlongBarHighLight

ValueToolTipPosition = RightOrBottom

ScalePosition = LeftOrTop

trackbar_concepts_ScaleSettings_2

ScaleLabelHighLightMode = HandlePosition

ValueToolTipPosition = LeftOrTop

ScalePosition = Both

trackbar_concepts_ScaleSettings_3

ScaleLabelHighLightMode = None

ValueToolTipPosition = None

ScalePosition = RightOrBottom

Note that you can use the ASPxTrackBar.ScaleStyle property to customize the scale style.

See Also