Macromedia flex builder-using flex builder User Manual
46
Chapter 2: Flex Builder Tutorials
6.
Insert a NumericStepper control by clicking to the right of the Quantity label in the ControlBar
container, clicking the NumericStepper button in the Controls category of the Insert bar, and
specifying the following properties in the Attributes panel:
container, clicking the NumericStepper button in the Controls category of the Insert bar, and
specifying the following properties in the Attributes panel:
■
Common > id
: qty
■
Common > maximum
: 100
■
Common > minimum
: 1
■
Common > stepSize
: 1
■
Common > value
: 1
■
Size > width
: 40
7.
Insert a button by clicking to the right of the NumericStepper control in the ControlBar
container, and clicking the Button control on the Insert bar.
container, and clicking the Button control on the Insert bar.
8.
Modify the button text by double-clicking the button to open the Quick Tag Editor, and then
changing the value of the
changing the value of the
label
property as follows (shown in bold type):
<mx:Button label="Add to Cart" />
9.
Press Enter to accept your change and close the Quick Tag Editor.
10.
Save your work.
In Design view, the completed product detail component should look similar to the following
figure if you select the Panel container:
figure if you select the Panel container: