You're currently browsing the Ignition 8.0 docs. Click here to view the latest docs.


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
Background ColorThe background color of the component.Color.backgroundAppearance

The border surrounding this component. Options are: No border, Etched (Lowered), Etched (Raised), Bevel (Lowered), Bevel (Raised), Bevel (Double), Button Border, Field Border, Line Border, and Other Border.

The border is unaffected by rotation.

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
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
Deprecated Properties
Data QualityThe data quality code for any Tag bindings on this
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

Fires whenever a bindable property of the source component changes. This works for standard and custom (dynamic) properties.

.sourceThe component that fired this event.  
.newValueThe new value that this property changed to.
.oldValueThe value that this property was before it changed.

The name of the property that changed.

Remember to always filter out these events for the property that you are looking for! Components often have many properties that change.

Date Spinner

Property NameValue
Spinner ModeDate
  • No labels