Search

User Manual

GETTING STARTED


MODULES AND PLATFORM


APPENDIX


TUTORIALS & HELPFUL TRICKS


GLOSSARY


STRATEGIC PARTNER LINKS

Sepasoft - MES Modules
Cirrus Link - MQTT Modules

RESOURCES

Inductive University
Ignition Demo Project
Knowledge Base Articles
Forum
IA Support
SDK Documentation
SDK Examples

ALL MANUAL VERSIONS

Ignition 8.1
Ignition 7.9
Ignition 7.8

Deprecated Pages

Skip to end of metadata
Go to start of metadata
General

Component Palette Icon:


 

Description

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

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.

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
Data QualityThe data quality code for any Tag bindings on this component.int.dataQualityDeprecated
Scripting
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
 propertyChange
 propertyChange

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.
.propertyName

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.

Examples
Date Spinner

Property NameValue
Spinner ModeDate
  • No labels