Skip to main content
Version: 8.1

Vision - Spinner

Component Palette Icon

The spinner component represents a value that is part of a series of values, such as numbers and dates. It allows you to not only edit the value directly, but to 'spin' the value up or down, using the up and down buttons that are part of the component. When setting up property bindings, make sure you use the value property that corresponds to the spinner mode. For example, if you chose the Double spinner mode, you should bind the doubleValue property.

Properties​

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.
Border.borderCommon
Date FormatA date format pattern to use when the spinner is in date mode.String.dateFormatAppearance
Date in MillisecondsThe date in milliseconds from epoch time. (Read only. Usable in bindings and scripting.)long.dateInMillisUncategorized
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
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
Number FormatA number format pattern to use when the spinner is in numeric mode.String.numberFormatAppearance
Numeric MaximumThe maximum value this spinner will accept when in 'Integer' or 'Double' mode.double.maxValueData
Numeric MinimumThe minimum value this spinner will accept when in 'Integer' or 'Double' mode.double.minValueData
Numeric Step SizeThe size to step up or down when in 'Integer' or 'Double' mode.double.stepSizeBehavior
QualityThe data quality code for any Tag bindings on this component.QualityCode.qualityData
Spinner ModeThe mode controls which data type this spinner accepts.int.spinnerModeBehavior
StylesContains the component's styles.Dataset.stylesAppearance
Touchscreen ModeControls when this input component responds if touchscreen mode is enabled.int.touchscreenModeBehavior
Value (Date)The current value if mode is 'Date'.Date.dateValueData
Value (Double)The current value if mode is 'Double'.double.doubleValueData
Value (Integer)The current value if mode is 'Integer'.int.intValueData
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.int.dataQualityDeprecated

Scripting​

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

Customizers​

Examples​

Date Spinner​

Property NameValue
Spinner ModeDate