Skip to main content
Version: 7.9


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.


NameDescriptionProperty TypeScriptingCategory
AntialiasDraw with antialias on? Makes text smoother.boolean.antialiasAppearance
Background ColorThe background color of the component.Color.backgroundAppearance
BorderThe border surrounding this component. NOTE that the border is unaffected by rotation.Border.borderCommon
CursorThe mouse cursor to use when hovering over this
Data QualityThe data quality code for any tag bindings on this
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.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
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


Scripting Functions

This component does not have scripting 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