The following example shows how you can apply a border to specific sides (top, bottom, left, right) of a Flex NumericStepper control by setting the borderStyle and borderSides styles.
The borderSides style is only supported when the borderStyle style is set to “solid”.
Full code after the jump.
Continue reading ‘Setting a border on specific sides of a NumericStepper control in Flex’
The following example shows how you can set the border thickness on a Flex NumericStepper control by setting the borderThickness style.
The borderThickness style is only supported when the borderStyle style is set to “solid”.
Full code after the jump.
Continue reading ‘Setting the border thickness on a NumericStepper control in Flex’
The following example shows how you can set the border color on a Flex NumericStepper control by setting the borderColor style.
Full code after the jump.
Continue reading ‘Setting the border color on a NumericStepper control in Flex’
In a previous example, Setting the text color on a disabled NumericStepper control in Flex, we saw how to set the text color for a disabled Flex NumericStepper control by setting the disabledColor style.
The following example shows how you can set the icon color for a disabled Flex NumericStepper control by setting the disabledIconColor style.
Full code after the jump.
Continue reading ‘Setting the icon color on a disabled NumericStepper control in Flex’
Continuing on the theme of NumericStepper examples, the following example shows how you can set the text color for a disabled Flex NumericStepper control by setting the disabledColor style.
Full code after the jump.
Continue reading ‘Setting the text color on a disabled NumericStepper control in Flex’
In a previous example, “Setting the focus alpha on a NumericStepper control in Flex”, we saw how you could set the alpha of the focus rectangle for a Flex NumericStepper control by setting the focusAlpha style.
The following example shows how you can set the focus thickness of the focus rectangle by setting the focusThickness style on the Flex NumericStepper control.
Full code after the jump.
Continue reading ‘Setting the focus thickness on a NumericStepper control in Flex’
The following example shows how you can set the focus alpha on a Flex NumericStepper control by setting the focusAlpha style.
Full code after the jump.
Continue reading ‘Setting the focus alpha on a NumericStepper control in Flex’
The following example shows how you can set the background color and background alpha for a Flex NumericStepper control by setting the backgroundColor and backgroundAlpha styles.
Full code after the jump.
The following example shows how you can change the down arrow skin and up arrow skin in a Flex NumericStepper control by setting the downArrowSkin and upArrowSkin styles using MXML, CSS, and ActionScript.
Full code after the jump.
The following example shows how you can limit the number of characters a user can type into a Flex NumericStepper control by setting the maxChars property.
Full code after the jump.
The following example shows how you can set the text alignment for a Flex NumericStepper control by setting the textAlign style.
Full code after the jump.
Continue reading ‘Setting the text alignment in a NumericStepper control in Flex’
The following example shows how you can use an embedded font with the Flex NumericStepper control by setting the fontFamily style.
Full code after the jump.
Continue reading ‘Using embedded fonts with the NumericStepper control in Flex’
The following example shows how you can create a non-editable Flex NumericStepper control (users cannot type numbers directly into the control, but can still use the up arrow, down arrow, and keyboard to change the value) by setting the editable property on the nested inputField TextInput control.
Full code after the jump.
Continue reading ‘Creating a non-editable NumericStepper control in Flex’
The following code shows how you can adjust the step size on a Flex NumericStepper control by setting the stepSize property.
Full code after the jump.
Continue reading ‘Setting the step size on a NumericStepper control in Flex’
The following example shows how you can set the corner radius on a Flex NumericStepper control by setting the cornerRadius style.
Full code after the jump.
Continue reading ‘Setting the corner radius on a NumericStepper control in Flex’
