Applying A Class Style To A Component - MACROMEDIA FLEX BUILDER-USING FLEX BUILDER Use Manual

Applying a class style to a component

You can visually apply internal or external CSS styles to one or more components.
Styles defined as class selectors are the only type of styles you can apply. You can't apply styles
defined as tag selectors because these styles are automatically applied to each instance of the
specified tag.
To apply a class style to one component:
•
Select the component in Design view and do one of the following:
Right-click the component in Design view and select the style from the CSS Styles menu in
the context menu.
In the CSS Styles panel (Window > CSS Styles), right-click the style you want to apply and
select Apply from the context menu.
In the tag selector at the bottom of the Document window, right-click the tag of the
component (it should be highlighted) and select the class from the Set Style Name menu.
To apply a class style to several components at the same time:
Select the components in Design view by Control-clicking each one of them.
1.
Right-click any of the selected components and select the style from the CSS Styles menu in the
2.
context menu.
To remove a class style from a component:
•
Select the component in Design view and do one of the following:
Right-click the component and select CSS Styles > None from the context menu.
In the tag selector at the bottom of the Document window, right-click the tag of the
component (it should be highlighted) and select Set Style Name > None from the context
menu.
In the Tag inspector (Window > Tag Inspector), click the Relevant CSS tab, right-click the
applied rule you want to remove, and select Set Style Name > None from the context menu.
Related topics
•
"About CSS styles in Flex" on page 103
106 Chapter 4: Building a Flex User Interface Visually