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.