Editing component skins

If you want to use a particular skin for one instance of a component, but another skin for another instance of the component, you must open a Theme FLA file and create a new skin symbol. Components are designed to make it easy to use different skins for different instances.

To edit a skin, do the following:

Select File > Open and open the Theme FLA file that you want to use as a template.
Select File > Save As and select a unique name such as MyTheme.fla.
Select the skin or skins that you want to edit (in this example, RadioTrueUp).
The skins are located in the Themes > MMDefault > Component Assets folder (in this example, Themes > MMDefault > RadioButton Assets > States).
Select Duplicate from the Library Options menu (or by right-clicking on the symbol), and give the symbol a unique name like MyRadioTrueUp.
Select the Advanced button in the Symbol Properties dialog and select Export for ActionScript.
A Linkage Identifier that matches the symbol name is entered automatically.
Double-click the new skin in the library to open it in edit symbol mode.
Modify the movie clip or delete it and create a new one.
You may need to select View > Zoom In to increase the magnification. When you edit a skin, you must maintain the registration point in order for the skin to be displayed correctly. The upper left corner of all edited symbols must be at (0,0).
When you have finished editing the skin symbol, click the Back button at the left side of the information bar at the top of the Stage to return to edit document mode.
Select File > Save but don't close MyTheme.fla. Now you must create a new document in which to apply the edited skin to a component.
For more information, see Applying an edited skin to a component, Applying an edited skin to a subcomponent, or Changing skin properties in the prototype. For information about how to apply a new skin, see About skinning components.

Note: Changes made to component skins are not displayed when viewing components on the Stage using Live Preview.