Using styles with the DateField component

You can set style properties to change the appearance of a date field instance. 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.

The DateField component supports the following styles:

Style	Theme	Description
`themeColor`	Halo	The glow color for the rollover and selected dates. Possible values are `"haloGreen"`, `"haloBlue"`, and `"haloOrange"`. The default value is `"haloGreen"`
`backgroundColor`	Both	The background color. The default value is 0xEFEBEF (light gray).
`borderColor`	Both	The border color. The default value is 0x919999. The DateField component's drop-down list uses a solid single-pixel line as its border. This border cannot be modified through styles or skinning.
`headerColor`	Both	The background color for the drop-down heading. The default color is white.
`rollOverColor`	Both	The background color of a rolled-over date. The default value is 0xE3FFD6 (bright green) with the Halo theme and 0xAAAAAA (light gray) with the Sample theme.
`selectionColor`	Both	The background color of the selected date. The default value is a 0xCDFFC1 (light green) with the Halo theme and 0xEEEEEE (very light gray) with the Sample theme.
`todayColor`	Both	The background color for the today's date. The default value is 0x666666 (dark gray).
`color`	Both	The text color. The default value is 0x0B333C with the Halo theme and blank with 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"`.
`textDecoration`	Both	The text decoration: either `"none"` or `"underline"`. The default value is `"none"`.

Style

Theme

Description

themeColor

Halo

The glow color for the rollover and selected dates. Possible values are "haloGreen", "haloBlue", and "haloOrange". The default value is "haloGreen"

backgroundColor

Both

The background color. The default value is 0xEFEBEF (light gray).

borderColor

Both

The border color. The default value is 0x919999.

The DateField component's drop-down list uses a solid single-pixel line as its border. This border cannot be modified through styles or skinning.

headerColor

Both

The background color for the drop-down heading. The default color is white.

rollOverColor

Both

The background color of a rolled-over date. The default value is 0xE3FFD6 (bright green) with the Halo theme and 0xAAAAAA (light gray) with the Sample theme.

selectionColor

Both

The background color of the selected date. The default value is a 0xCDFFC1 (light green) with the Halo theme and 0xEEEEEE (very light gray) with the Sample theme.

todayColor

Both

The background color for the today's date. The default value is 0x666666 (dark gray).

color

Both

The text color. The default value is 0x0B333C with the Halo theme and blank with 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".

textDecoration

Both

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

The DateField component uses four categories of text to display the month name, the days of the week, today's date, and regular dates. The text style properties set on the DateField component itself control the regular date text and the text displayed in the collapsed state, and provide defaults for the other text. To set text styles for specific categories of text, use the following class-level style declarations.

Declaration name	Description
`HeaderDateText`	The month name.
`WeekDayStyle`	The days of the week.
`TodayStyle`	Today's date.

Declaration name

Description

HeaderDateText

The month name.

WeekDayStyle

The days of the week.

TodayStyle

Today's date.

The following example demonstrates how to set the month name and days of the week to a deep red color.

_global.styles.HeaderDateText.setStyle("color", 0x660000);
_global.styles.WeekDayStyle.setStyle("color", 0x660000);