12
CHAPTER 1
Figure 1-15. The TextArea component on the panel
Figure 1-16. Fill the entire area of the panel with the TextArea component.
13
INTRODUCING FLEX AND FLEX BUILDER 3
12. Give the TextArea component an ID of display (note the ID field of the Properties panel in
Figure 1-16).
13. In the Text field of the Properties panel, set the text field to {feed.lastResult} (see the Text field
in Figure 1-16).
Soon we will be setting up the feed, and this text will let it know what part of the feed to put into this
text area.
14. Set the layout handles for the text area to be anchor, as shown in Figure 1-17. This will cause the
text area to fill the entire panel content area regardless of the size of the browser window.
Figure 1-17. The layout constraints of TextArea
15. Next let??™s put a ControlBar layout component along the bottom of the panel, using drag and
drop as we did before, as shown in Figure 1-18. You can change the height of the control bar
by changing its layout properties; 50 is a good number for the height value.
In a panel, the content can change based on the interaction with the user. A ControlBar lets you keep
some elements on the panel consistent. Generally, these are the buttons and other components that
control the content.
14
CHAPTER 1
16. On the ControlBar, place a TextInput by dragging it from the Controls folder in the Components
panel??”see Figure 1-19 in the next section. This is the area that will hold the URL of the web
feed that we want to bring in, as you??™ll see in a moment.
Pages:
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38