Figure 2-14. TextArea component
in the Style Explorer
33
STYLING
The controls for the TextArea and TextInput are nearly identical and allow you to modify many of the
attributes that you need to have control over when dealing with text. You can change the padding,
indentation, leading, font, and alignment (Figure 2-15).
Figure 2-15. TextArea style controls
The settings that are most interesting here are the Border Style settings (see Figure 2-16).
Figure 2-16. TextArea border options
You can see the effects of the changes better if you change the background color first. The first of the
options is to have no border at all. This is the simplest of the choices. The second gives you a solid
border. This option also allows you to round the corners of your TextArea. The third option is to create
an inset border. This option works well to give a little bit of depth to your design and tends to
work well with the soft gradients that are often involved with Flex applications. The final option is to
create an outset border. Figure 2-17 shows a TextArea with an inset border style.
7. Again, stop and experiment with the settings we??™ve just discussed.
34
CHAPTER 2
Figure 2-17. Our modified TextArea
Styling the whole application at once
There is still one more part of the project that we want to set the style
for before we bring the styling into Flex Builder. Besides being able to
style the Flex components, you can also style the application as a
whole. This is the first item in the list on the left side (Figure 2-18).
Pages:
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52