MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual page 44

With the Image still selected in the file, change the following properties in the Attributes panel:
3.
Size > height
Size > width
: 0
Size > x
: 0
Size > y
Insert a Label component for the product name by clicking anywhere inside the VBox
4.
container, clicking the Label button on the Insert bar, and specifying the following properties
in the Attributes panel:
Common > text
Common > styleName
In the tutorial on data bindings, you modify the
dynamically when the user clicks a product in the catalog.
The title style is defined in the flexstore.css file attached to the flexstore.mxml file (see
your CSS styles" on page
the component is used in the flexstore.mxml file.
Insert another Label component for the product price by switching to Code view (View >
5.
Code), clicking immediately after the existing
the Insert bar.
Flex Builder inserts a
Click anywhere in the new
6.
display the tag properties, and specify the following properties:
Common > text
Common > styleName
Switch back to Design view and insert a Text component to display the product description by
7.
clicking inside the Panel container outside and below the HBox container, clicking the Text
button on the Insert bar (not to be confused with the Label button), and specifying the
following properties in the Attributes panel:
Common > htmlText
Size > height
Size > width
Save your work.
8.
44 Chapter 2: Flex Builder Tutorials
: 140
: 150
: Product Name
: title
29). Your custom component will have access to this style sheet when
tag.
<mx:Label>
<mx:Label>
: $129.98
: price
: product copy
: 100%
: 100%
property so that its value is set
text
tag and clicking the Label button on
<mx:Label>
tag, click the Refresh button on the Attributes panel to
"Import