Using skins with the CheckBox component

The CheckBox component uses symbols in the library to represent the button states. To skin the CheckBox component while authoring, modify symbols in the Library panel. The CheckBox component skins are located in the Flash UI Components 2/Themes/MMDefault/CheckBox Assets/states folder in the library of either the HaloTheme.fla file or the SampleTheme.fla file. For more information, see About skinning components in Using Components.

A CheckBox component uses the following skin properties. Only icons, rather than skins, are displayed for the checkbox

Each of these properties corresponds to the icon indicating the CheckBox state. The CheckBox component does not have a border or background.

Property	Description
`falseUpIcon`	The up (normal) unchecked state. The default is `CheckFalseUp`.
`falseDownIcon`	The pressed unchecked state. The default is `CheckFalseDown`.
`falseOverIcon`	The over unchecked state. The default is `CheckFalseOver`.
`falseDisabledIcon`	The disabled unchecked state. The default is `CheckFalseDisabled`.
`trueUpIcon`	The toggled checked state. The default is `CheckTrueUp`.
`trueDownIcon`	The pressed checked state. The default is `CheckTrueDown`.
`trueOverIcon`	The over checked state. The default is `CheckTrueOver`.
`trueDisabledIcon`	The disabled checked state. The default is `CheckTrueDisabled`.

To create movie clip symbols for CheckBox skins:

Select File > New and choose Flash File (ActionScript 2.0).
Select File > Import > Open External Library, and select the HaloTheme.fla file.
This file is located in the application-level configuration folder. For the exact location on your operating system, see About themes in Using ActionScript 2.0 Components.
In the theme's Library panel, expand the Flash UI Components 2/Themes/MMDefault folder and drag the CheckBox Assets folder to the library for your document.
Expand the CheckBox Assets/States folder in the library of your document.
Open the symbols you want to customize for editing.
For example, open the CheckFalseDisabled symbol.
Customize the symbol as desired.
For example, change the inner white square to a light gray.
Repeat steps 5-6 for all symbols you want to customize.
For example, repeat the color change for the inner box of the CheckTrueDisabled symbol.
Click the Back button to return to the main timeline.
Drag a CheckBox component to the Stage.
For this example, drag two instances to show the two new skin symbols.
Set the CheckBox instance properties as desired.
For this example, set one CheckBox instance to true, and use ActionScript to set both CheckBox instances to disabled.
Select Control > Test Movie.