User Guide

NumericStepper component 219
Using the NumericStepper component
The NumericStepper can be used anywhere you want a user to select a numeric value. For
example, you could use a NumericStepper component in a form to allow a user to set their credit
card expiration date. In another example, you could use a NumericStepper to allow a user to
increase or decrease a font size.
NumericStepper parameters
The following are authoring parameters that you can set for each NumericStepper component
instance in the Property inspector.
value sets the value of the current step. The default value is 0.
minimum sets the minimum value of the step. The default value is 0.
maximum sets the maximum value of the step. The default value is 10.
stepSize sets the unit of change for the step. The default value is 1.
You can write code to control these and additional options for NumericStepper components
using its properties, methods, and events.
Customizing the NumericStepper component
You can transform a NumericStepper component horizontally and vertically both while authoring
and at runtime.
Resizing the NumericStepper component does not change the size of the down and up arrow
buttons. If the stepper is resized greater than the default height, the stepper buttons are pinned to
the top and the bottom of the component. The stepper buttons always appear to the right of the
text box.
Using styles with the NumericStepper component
You can set style properties to change the appearance of a stepper instance. If the name of a style
property ends in “Color”, it is a color style property and behaves differently than non-color
style properties.
A NumericStepper component supports the following Halo styles:
Style Description
themeColor
The background of a component. This is the only color style that
doesn’t inherit its value. Possible values are "haloGreen",
"haloBlue", and "haloOrange".
color
The text of a component label.
disabledColor
The disabled color for text.
fontFamily
The font name for text.
fontSize
The point size for the font.
fontStyle
The font style; either "normal", or "italic".
fontWeight
The font weight; either "normal", or "bold".