Skip to main content
Version: 8.1

Vision - Slider

Component Palette Icon

The slider component lets the user drag an indicator along a scale to choose a value in a range. The slider can be configured to orient horizontally or vertically.


PropertyDescriptionProperty TypeScriptingCategory
Background ColorThe background color of the component.Color.backgroundAppearance
BorderThe border surrounding this component. Options are: No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), Field Border, and Line Border.
Note: The border is unaffected by rotation.

Changed in 8.1.21
As of 8.1.21, the "Button Border" and "Other Border" options are removed.
CursorThe mouse cursor to use when hovering over this component. Options are: Default, Crosshair, Text, Wait, Hand, Move, SW Resize, or SE
Defer UpdatesOnly publish updates to value when not actively being changed.boolean.deferredBehavior
EnabledIf disabled, a component cannot be used.boolean.componentEnabledCommon
FontFont of text on this component.Font.fontAppearance
Foreground ColorThe foreground color of the component. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector .Color.foregroundAppearance
Horizontal SliderIf true, slider is horizontal, otherwise, it's vertical.boolean.horizontalAppearance
Inverted?Specify true to reverse the value range shown for the slider and false to put the value range in the normal order.boolean.invertedBehavior
Major Tick SpacingThe distance, measured in values, between each major tick
Maximum ValueThe value when the slider is all the way right or
Minimum ValueThe value when the slider is all the way left or
Minor Tick SpacingThe distance, measured in values, between each minor tick
Mouseover TextThe text that is displayed in the tooltip which pops up on mouseover of this component.String.toolTipTextCommon
NameThe name of this component.String.nameCommon
Paint Labels?If true, value labels will be shown.boolean.paintLabelsAppearance
Paint Ticks?If true, value tick marks will be shown.boolean.paintTicksAppearance
Paint Track?If true, the track of the slider will be shown.boolean.paintTrackAppearance
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Snap To Ticks?Only allows selection of values at the tick marks.boolean.snapToTicksBehavior
StylesContains the component's styles.Dataset.stylesAppearance
ValueThe current value of the
VisibleIf disabled, the component will be hidden.boolean.visibleCommon

Deprecated Properties

PropertyDescriptionProperty TypeScriptingCategory
Data QualityThe data quality code for any Tag bindings on this


Component Functions

This component does not have component functions associated with it.

Extension Functions

This component does not have extension functions associated with it.

Event Handlers

Event handlers allow you to run a script based off specific triggers. See the full list of available event handlers on the Component Events page



Code Snippet
#The following code will return the value of the slider's previous value into a variable.
#This code is fired on the property change scripting for this component.

oldValue = event.source.oldValue

Vertical Slider with Border and Blue Text

Property TypeValue
Maximum Value250
Minor Tick Spacing25
Foreground Color0,0,255
Major Tick Spacing50

Horizontal Slider without Tickmarks

Property TypeValue
Paint Ticks?False
Minor Tick Spacing0
Major Tick Spacing100