MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual page 43

Save the component file in the fbComponents folder by pressing Control+S, double-clicking
12.
the fbComponents folder, and naming the component file as follows:
ProductDetail.mxml
In Design view, the component's layout should look similar to the following figure if you select
the Panel container:
Note: The component will scale to fit in the space allotted to it in the flexstore.mxml file.
Add the product details
According to the mock-up, the component should display the following information: a
thumbnail image, the product name and price, and a brief product description.
Make sure the component file, ProductDetail.mxml, is open in Flex Builder.
1.
Insert a placeholder image for the product thumbnail by clicking in the upper left corner of the
2.
Canvas container, clicking the Image button in the Controls category of the Insert bar, and
selecting the following image:
fbComponents/mockups/tnImage.png
In the tutorial on data bindings (see
on page 58), you modify the
when the user clicks a product in the catalog.
"Tutorial: Binding components to data with Flex Builder"
property of the Image so that its value is set dynamically
source
Tutorial: Building custom components with Flex Builder 43