MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual page 52

Open the fbComponents/flexstore.mxml file in Flex Builder.
1.
Make sure you open the file located in the fbComponents folder.
In Design view, click anywhere inside the ViewStack container in the Product Catalog panel,
2.
and select Insert > Local Component.
The Insert Local Component dialog box appears:
Click the Browse button and select the ThumbnailView component, ThumbnailView.mxml,
3.
in the Open dialog box that appears.
After you click Open and then OK to close the dialog boxes, Flex Builder inserts the custom
component in the ViewStack container.
Insert the GridView component by switching to Code view, clicking immediately after the
4.
<local:ThumbnailView>
selecting your GridView component.
You insert the GridView component in the same ViewStack container as the ThumbnailView
component.
Click anywhere in the opening
5.
panel to display the tag's properties, and modify the following values:
Size > height
Size > width
Locate the
6.
<local:ThumbnailView>
<local:ThumbnailView xmlns:local="*" id="thumbView" />
Locate the
7.
<local:GridView>
<local:CartView xmlns:local="*" id="gridView" />
In Design view, you can switch between the two catalog views by selecting the ViewStack
8.
container and then clicking the left or right arrows at the top of the container.
Save your work.
9.
52 Chapter 2: Flex Builder Tutorials
tag, selecting Insert > Local Component from the menu, and
<mx:Panel>
: 100%
: 484
tag, and add the following property (shown in bold type):
tag, and add the following property (shown in bold type):
tag, click the Refresh button on the Attributes