MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual page 36

With the insertion point still blinking in the VBox container, specify the values for the following
4.
properties in the Attributes panel:
Size > height
Size > width
Styles > verticalGap
Note: The "Size > height" expression means the height property is located in the Size category of
the Attributes tab. This convention is used throughout the tutorials.
Insert a DataGrid component to display the product catalog by clicking anywhere in the VBox
5.
container, and clicking the DataGrid button in the Controls category of the Insert bar.
The DataGrid dialog box appears.
Set the dialog box options as follows:
6.
: list
ID
Header Text (first row)
Header Text (second row)
Column Name (first row)
Column Name (second row)
The DataGrid dialog box should look similar to the following figure:
Caution: Make sure the column name values exactly match "name" and "price." Column names
must exactly match the name of the data fields that will be assigned to the DataGrid in the bindings
tutorial.
Click OK.
7.
Flex Builder inserts a DataGrid component in your component file.
Click the DataGrid component and set the following properties in the Attributes tab:
8.
Size > height
Size > width
36 Chapter 2: Flex Builder Tutorials
: 100%
: 100%
: 0
: Name
: Price
: name
: price
: 100%
: 100%