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
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access