Using Components > Customizing component skins > Creating and registering new skin elements for a component |  |

Creating and registering new skin elements for a component

To create custom component skins that you can update using style formats, you need to update the code in the first frame of the Read Me layer with the instances of the skin elements you create, and the `FStyleFormat` property to assign to the element.

Registering a skin element to a property applies the value assigned to that property in the style format to the skin element. If the property is a new property, you need to define the property and a value in the component's style format. The `registerSkinElement` method is available to all Flash UI components. For more information, see the `registerSkinElement` entry for each component in the ActionScript Dictionary.

To create new skin elements and register them to a component:

1 | Open the Skins folder for a component in the library.
2 | Double-click the skin movie clip for which you want to create new skin elements.
3 | Modify the movie clip or delete it and create a new one.
4 | Break the graphic into separate skin elements, and save each element as a movie clip symbol. Give each skin element a unique name. For more information, see About creating and registering skin elements.
5 | Click on the first frame of the ReadMe layer of the skin movie clip that you selected in step 2.
6 | Open the Actions panel in expert mode.
7 | Replace the name of the original skin elements in the movie clip with the names of the new skin elements that you created in step 4.