| The main editing are - Many options have drop downs for easy selection. Preview colours are shown where applicable. |
 |
| Tool tip area - Hovering the mouse over an cell in the main editing area will produce a tool tip giving additional help. |

|
|
Skin code window - Clicking on a line in the skin code window will
enable you to edit that line in the main editing area. If the line is
within a page (ie its not a font, colour etc) the preview of the page
will be displayed. |
 |
| Add/Copy/Delete buttons - Use these buttons to add new objects or copy/delete existing ones. |
 |
| Up/Down buttons - Use these buttons to move objects up and down (even between pages). |
 |
| Save button - Any changes made in the main editing area must be saved to the skin code window or they will be lost. |
 |
| "Magic" button - This is a context sensitive button. For
example if you are editing a colour then pressing this will produce a
colour browser dialog. While editing a font this button will show a
font browser dialog. |
 |
| Preview area - This area give a rough preview of the skin. The red area is the currently selected object for the current page. |

|
| File menu - The file menu allows you to open & save
skins. You can also convert QVGA skins to VGA skins (and vice versa)
here (does not scale background images yet!). |

|