MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual page 39

Insert a Tile container to lay out the products by clicking anywhere in the VBox container, and
4.
clicking the Tile button in the Containers category of the Insert bar.
Flex Builder inserts a Tile container in the component file.
With the insertion point still blinking in the Tile container, specify the values for the following
5.
properties in the Attributes panel:
: tileView
Common > id
: 12
Size > y
Save the component file in the fbComponents folder by selecting File > Save, and naming the
6.
component file as follows:
ThumbnailView.mxml
Insert placeholder images for the products by clicking anywhere inside the Tile container,
7.
clicking the Image button in the Controls category of the Insert bar, and selecting the following
image in the mockups folder:
fbComponents/mockups/tnProduct.png
You want to insert five or more placeholder images to represent the products. In the tutorial on
data bindings (see "Tutorial: Binding components to data with Flex Builder" on page
replace these placeholder images with a Repeater component and a custom component that
retrieves product data and displays each product's thumbnail image, name, and price.
Click inside the right edge of the Tile container (without selecting the thumbnail image), and
8.
repeat step 7 four more times to insert more thumbnail images in the Tile container.
If you're unable to click inside the edge, click the Expanded button on the Document toolbar
to add extra space around the container.
Save your work.
9.
Tutorial: Building custom components with Flex Builder
58), you
39