the Component inspector to ensure that the text is not editable and that no scroll bar appears. The Component inspector and Parameters panel display the same options, so you can use whichever one you prefer. 1. Select frame 1 in the Components layer, and then select the text area on the Stage. [View full size image] 2. Choose Window > Component Inspector. 3. Click the editable parameter, and select false so that the text can't be changed. 4. Click the verticalScrollPolicy parameter, and select off. 5. Choose Control > Test Movie. Now there is no scroll bar and the text is no longer editable. Note You didn't name the instance because you won't need to refer to it in ActionScript. [View full size image] 6. Close the preview window.   Using Components to Create Interactivity ActionScript lets you create more complex user interface elements. You'll use the TileList component and another TextArea component to create the grid of mineral types and the area that displays text about each mineral when its thumbnail is clicked. Configuring Component Parameters First, drag the components to the Stage, resize and position them, and name the instances so you can refer to them using ActionScript. 1. In the Components panel, select the TileList component from the User Interface folder. 2. Drag the TileList component to the Stage. 3. In the Property inspector, set the width to 270, height to 318, X value to 47, and Y value to 150. 4. Name the instance thumbnails_tl to represent the thumbnails tile list. [View full size image] 5. Click the Parameters tab to set the parameters for the instance. 6. In the parameters grid, change the columnWidth value to 125 and the rowHeight value to 125. These values determine the size of each section in the grid. [View full size image] [View full size image] 7. Click the scrollPolicy parameter, and select on to display a scroll bar. [View full size image] 8.