Applying Css Styles To Flex Components - MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual

To edit the properties of a standard MXML component in the Quick Tag Editor:
Double-click the component in Design view.
1.
The Quick Tag Editor appears. Depending on the component, the
value in the tag may be highlighted to help you work even faster.
Note: If you double-click a custom component, the component's file opens in Flex Builder instead.
Change the property values in the Quick Tag Editor and then press Enter.
2.
To edit the properties of a custom MXML component:
Double-click the component in Design view.
1.
Flex Builder opens the associated MXML file in a new Document window with its own Code
and Design views.
Note: If you double-click a standard MXML component, the Quick Tag Editor appears instead.
Set the properties of the component in the Attributes panel.
2.
For more information, see
Save the file.
3.
After saving the component file, Flex Builder updates the component in the parent file's
Design view.
Related topics
•
"Applying CSS styles to Flex components" on page 102
•
"Applying effects to Flex components" on page 109
•
"Creating MXML component files" on page 121
•
"Using the Tag inspector" on page 79

Applying CSS styles to Flex components

You can use CSS styles to define, maintain, and easily modify the general appearance of
components.
This section contains the following topics:
•
"About CSS styles in Flex" on page 103
•
"Importing styles from an external CSS file" on page 104
•
"Creating new CSS styles" on page 105
•
"Applying a class style to a component" on page 106
•
"Applying an inline style to a component" on page 107
•
"Modifying a CSS style applied to a component" on page 107
•
"Deleting a CSS style" on page 108
102 Chapter 4: Building a Flex User Interface Visually
"Creating MXML component files" on page
, , or
title text label
121.