Skip to main content
Version: 7.9


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.


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
Data QualityThe data quality code for any tag bindings on this
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.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
Spinner ModeThe mode controls which data type this spinner
StylesContains the component's styles.Dataset.stylesAppearance
Touchscreen ModeControls when this input component responds if touchscreen mode is
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


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



Date Spinner

Property NameValue
Spinner ModeDate