Attributes for Highlight Alphas and Fill Alphas
29
STYLING
The rest of the attributes focus mostly on modifying
the label on the button (Figure 2-8).
The first three controls allows you to change the
text color in its different states. The last three let
you change the font and formatting. The ones
that are different are the Border Color and
Theme Color.
3. The Border Color allows you to change the
color of the hairline border along the
outside of the button. This is fairly faint,
so try a vibrant color to see it well.
A theme within Flex is a set of visual properties, such as highlight or down state color, that define the
overall properties. The default theme in Flex is called Halo.
CSS in the Style Explorer
The key part of the Style Explorer that makes it a useful tool is the CSS panel.
4. Once you have played around for a bit, have a look at
the final section of the Style Explorer, the CSS panel
(Figure 2-9).
This final section of the Style Explorer shows us the CSS that
creates our changes. All the modifications that we have made
to this component are visible here. This is a good time to have
a closer look at CSS and the syntax that it uses.
You are probably familiar with working with CSS inside HTML
pages. Flex uses a subset of the possible CSS specifications, so
not everything that you may have used with HTML will work in
Flex. This is partly due to the use of CSS in Flex. In an HTML
page, you often use CSS to create the entire layout of the
page, separating content from display.
Pages:
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49