Using styles with the Window component

A Window component supports the following styles:

Style	Theme	Description
`themeColor`	Halo	The base color scheme of a component. Possible values are `"haloGreen"`, `"haloBlue"`, and `"haloOrange"`. The default value is `"haloGreen"`.
`backgroundColor`	Both	The background color. The default value is white for the Halo theme and 0xEFEBEF (light gray) for the Sample theme.
`borderStyle`	Both	The Window component uses a RectBorder instance as its border and responds to the styles defined on that class. See RectBorder class. The Window component has a component-specific border style of "`default`" with the Halo theme and "`outset`" with the Sample theme.
`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 text. The default value is `"_sans"`.
`fontSize`	Both	The point size for the font. The default value is 10.
`fontStyle`	Both	The font style: either `"normal"` or `"italic"`. The default value is `"normal"`.
`fontWeight`	Both	The font weight: 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"`.
`textAlign`	Both	The text alignment: either `"left"`, `"right"`, or `"center"`. The default value is `"left"`.
`textDecoration`	Both	The text decoration: either `"none"` or `"underline"`. The default value is `"none"`.
`textIndent`	Both	A number indicating the text indent. The default value is 0.

Style

Theme

Description

themeColor

Halo

The base color scheme of a component. Possible values are "haloGreen", "haloBlue", and "haloOrange". The default value is "haloGreen".

backgroundColor

Both

The background color. The default value is white for the Halo theme and 0xEFEBEF (light gray) for the Sample theme.

borderStyle

Both

The Window component uses a RectBorder instance as its border and responds to the styles defined on that class. See RectBorder class.

The Window component has a component-specific border style of "default" with the Halo theme and "outset" with the Sample theme.

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 text. The default value is "_sans".

fontSize

Both

The point size for the font. The default value is 10.

fontStyle

Both

The font style: either "normal" or "italic". The default value is "normal".

fontWeight

Both

The font weight: 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".

textAlign

Both

The text alignment: either "left", "right", or "center". The default value is "left".

textDecoration

Both

The text decoration: either "none" or "underline". The default value is "none".

textIndent

Both

A number indicating the text indent. The default value is 0.

Text styles can be set on the Window component itself, or they can be set on the _global.styles.windowStyles class style declaration (text styles, only, not other styles like themeColor or backgroundColor, which come from the _global.styles.Window class style declaration). This has the advantage of not causing style settings to propagate to child components through style inheritance.

The following example demonstrates how to italicize the title of a Window component without having this setting propagate to child components.

import mx.containers.Window;
_global.styles.windowStyles.setStyle("fontStyle", "italic");
createClassObject(Window, "window", 1, {title: "A Window"});

Notice that this example sets the property before instantiating the window through createClassObject(). For the styles to take effect, they must be set before the window is created.