Using styles with the Accordion component

You can set style properties to change the appearance of the border and background of an Accordion component.

An Accordion component uses the following styles:

Style

Theme

Description

themeColor

Halo

The base color scheme of a component. This is the only color style that doesn't inherit its value. Possible values are "haloGreen", "haloBlue", and "haloOrange".

backgroundColor

Both

The background color. The default color is white.

borderStyle

Both

The Accordion component uses a RectBorder instance as its border and responds to the styles defined on that class. For more information, see RectBorder class.

The Accordion component's default border style value is "solid".

headerHeight

Both

The height of the header buttons, in pixels. The default value is 22.

color

Both

The text color. The default value is 0x0B333C for the Halo theme and blank for the Sample theme.

disabledColor

Both

The color for text when the component is disabled. The default color is 0x848384 (dark gray).

embedFonts

Both

A Boolean value that indicates whether the font specified in fontFamily is an embedded font. This style must be set to true if fontFamily refers to an embedded font. Otherwise, the embedded font is not used. If this style is set to true and fontFamily does not refer to an embedded font, no text is displayed. The default value is false.

fontFamily

Both

The font name for the header labels. The default value is "_sans".

fontSize

Both

The point size for the font of the header labels. The default value is 10.

fontStyle

Both

The font style for the header labels; either "normal" or "italic". The default value is "normal".

fontWeight

Both

The font weight for the header labels; either "none" or "bold". The default value is "none".

All components can also accept the value "normal" in place of "none" during a setStyle() call, but subsequent calls to getStyle() return "none".

textDecoration

Both

The text decoration; either "none" or "underline".

openDuration

Both

The duration, in milliseconds, of the transition animation.

openEasing

Both

A reference to a tweening function that controls the animation. Defaults to sine in/out. For more information, see Customizing component animations in Using ActionScript 2.0 Components.

So, for example, the following code sets the style appearance of the font within an accordion instance named my_acc to italic:

my_acc.setStyle("fontStyle", "italic");

If the name of a style property ends in "Color", it is a color style property and behaves differently than noncolor style properties. For more information, see Using styles to customize component color and text in Using ActionScript 2.0 Components.