Revision as of 08:51, 7 May 2012 by hamishwillee (Talk | contribs)

Archived:Numeric Stepper in Flash Lite

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata
Code ExampleArticle
Created: manikantan (21 Jun 2009)
Last edited: hamishwillee (07 May 2012)



The numeric stepper is one of the most ubiquitous UI components in modern UI design. The numeric stepper has a textfield(that contains a Numberic value) which can be incremented by fixed steps by the use of buttons. The numeric stepper must also provide for direct editing of the textfield's value.


This component was developed in Flash Player 8 and ActionScript 2.0. It was tested on Nokia Xpress Music 5800.

Where to use

The numeric stepper is used in use-cases where Numeric value of a closer range is generally opted by the user. This is where the Numeric stepper gains lead over the ordinary textfield, as the user neednot always change the value by typing the desired value.


How to use

Download the source file(FLA) given below. When you wish to use this component in your FLA, import this from the downloaded file, using the FILE->IMPORT->OPEN EXTERNAL LIBRARY option.


To view the properties of the component go to (Window -> Component Inspector) and select the component in the Stage.

  • Initial Value : This is the value that the user must initialise while setting up his component. It is numeric by type.
  • Step increment : The unit of increment/decrement of the numeric stepper's value.

Operating Method

Drag and drop the component onto the stage, at the desired location. Modify the properties either using the component inspector or from code. When modifying the code, instantiate the component and code as below.

// ns is the instance name of the component.
ns.step = 2;
ns.initial_value =5;
// to read the value in numeric stepper, use


Download the source file here.Media:Numeric stepper.zip


--manikantan 16:13, 21 June 2009 (EEST)

101 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.