Using styles with the Button component

Halo

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

Sample

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

The Halo theme uses 0xF8F8F8 (very light gray) for the button background color when the button is up and themeColor when the button is pressed. You can only modify the up background color in the Halo theme by skinning the button.

borderStyle

Sample

The Button component uses a RectBorder instance as its border in the Sample theme and responds to the styles defined in that class.

With the Halo theme, the Button component uses a custom rounded border whose colors cannot be modified except for themeColor.

Both

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

Both

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

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.

Both

The font name for text. The default value is "_sans".

Both

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

Both

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

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".

Both

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