This is most vividly visible in the selected item color in the example in the Sandbox. The Sandbox is the
area in the Style Explorer where the components are shown.
36
CHAPTER 2
Figure 2-21. Our styled application
8. Our time playing with the Style Explorer is almost over??”take a final break to play with some of
the Application settings, as we just described, and then move on to the next section.
Getting the style back into our applications
We have now done a good deal of styling in the Style Explorer. The question is
how to get that styling to our application. Thankfully the Style Explorer has a
great little feature to help us do just this. On the bottom of the first panel, you
will find a button named Export All CSS (Figure 2-22). Clicking this button
copies all of the CSS that we have built in the Style Explorer into our clipboard.
With the CSS temporarily stored in the clipboard, we can now go back into
Flex Builder and bring it in.
1. First create a folder named assets to hold the CSS and any images we
may need (Figure 2-23). Make sure that you are in the current project
so that the folder is created there.
Figure 2-22. The Export All
CSS button
37
STYLING
Figure 2-23. Create a new folder.
2. In this same submenu you have the option to create a new CSS file??”do so now and call it
customStyle1.css.
3. Select the assets folder in the project when the dialog box opens to place the CSS file into that
folder. If the file is created elsewhere, you can still drag and drop it into the folder (Figure 2-24).
Pages:
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54