With Application selected, you can modify aspects of your project that
cover the whole of the project. One of the useful options is to bring in
a background image. Using the Style Explorer, you can change the
background from the first pulldown menu (Figure 2-19).
Figure 2-18. Selecting Application
from the list
35
STYLING
Figure 2-19. Application with a background image added
Now is a good time to have a closer look at the CSS that is created through the style controls.
This example illustrates the consistent structure of the CSS (see Figure 2-20). The important thing to
note is the location of the image name. Images that are used in your project should be placed into an
???assets??? folder. It is good form to create an assets folder to hold these various images and CSS files.
We will be coming back to this later in this chapter once we have placed the CSS into our Flex project.
Figure 2-20. The CSS for the application background
image
In the Style Explorer, you can set the background image back to None so that you can see the effects
of the other controls. If you mess around with the background color, you??™ll find that Background
Gradient Colors and Background Gradient Alphas tend to create some dramatic effects. We are partial
to the effect of orange and gray (Figure 2-21). If you do not want the gradient effect that??™s there by
default, set both Gradient Alphas to 0.
The Theme Color setting allows you to change the dominant color in whichever theme you are using.
Pages:
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53