From the category archives:

NumericStepper

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 2 comments }

Changing the up arrow skin and down arrow skin on a NumericStepper control in Flex

by Peter deHaan May 20, 2008

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.

Read the full article →

Limiting the number of characters a user can type into a NumericStepper control’s text input field in Flex

by Peter deHaan May 19, 2008

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.

Read the full article →

Setting the text alignment in a NumericStepper control in Flex

by Peter deHaan May 18, 2008

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.

Read the full article →

Using embedded fonts with the NumericStepper control in Flex

by Peter deHaan May 18, 2008

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.

Read the full article →