• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Adding a Numeric Stepper

The NumericStepper component allows a user to step through an ordered set of numbers. The component consists of a number displayed beside small up and down arrow buttons. You can decide the maximum and minimum values along with the step value. When the visitor clicks the up or down buttons, the value changes until the maximum or minimums are reached. The numeric stepper, its name implies it only handles numbers, text or special characters are not allowed. The NumericStepper component has many uses; for example, a site that books rooms for a major hotel chain would use a stepper for letting the visitor indicate how many people are staying, or an airline for how many people are flying.

Add a NumericStepper Component

Open the Components panel.

Click the UI Components Expand triangle.

Drag the NumericStepper component onto the Stage, and then select the component.

Open the Component Inspector panel, and then select the Parameters tab.

IMPORTANT The NumericStepper component can be used to change the properties of items on the stage. You could link a NumericStepper instance to the property value of a dynamic text box, and then use the stepper to change the size of the text. This can be useful for people who require larger, readable text.

Select from the following NumericStepper parameters:

  • maximum. Click the value field, and then enter the maximum value associated with the NumericStepper.

  • minimum. Click the value field, and then enter the minimum value associated with the NumericStepper.

  • stepSize. Click the value field, and then enter a numerical value for stepping between numbers. For example, a stepSize value of 2, would cause the values to step by 2 (2, 4, 6, 8).

  • value. Click the value field, and then enter the first number value that appears in the NumericStepper.

  • enabled. When you click the value field, and select true, the field can be selected. If you select false, the field appears grayed out, and is not selectable.

  • visible. When you click the value field, and select true, the field can be viewed. If you select false the field is invisible.

  • minHeight. Click the value field, and then enter a minimum height for the NumericStepper.

  • minWidth. Click the value field, and then enter a minimum width for the NumericStepper.

Click the Control menu, and then click Test Movie.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint