Recipe 15.11. Working with Radio Button, Checkbox, and Arrow Styles

Problem

You want to apply style settings to radio buttons, checkboxes, and/or the arrow on a button (as found in a scrollbar or combo box).

Solution

Use the symbolColor and associated style properties.

Discussion

Before you can programmatically style the dots in radio buttons, the checks in checkboxes, or the arrows on scrollbars and combo boxes, you have to use the Sample theme or a custom theme based on the Sample theme. The default Halo theme does not work properly with the style properties that style those elements. For more information regarding using another theme, see Recipe 15.12.

After you have applied the Sample theme (or a theme based on the Sample theme), you can use the following style properties:

symbolColor

The color of the radio button dot, checkbox check, or scrollbar arrow

symbolDisabledColor

The color of the radio button dot, checkbox check, or scrollbar arrow when the component instance is disabled

symbolBackgroundColor

The background color for radio buttons and checkboxes

symbolBackgroundDisabledColor

The background color for radio buttons and checkboxes when the component instance is disabled

symbolBackgroundPressedColor

The background color for radio buttons and checkboxes when the user is clicking on the component instance