Using the Window State Images Sheet

The Window State Image sheet, shown in the following image, is displayed when you select the Window State Image tab in the Jade Skin Maintenance dialog.

Before you can specify the image states for button or scroll bar controls thumb tracks, you must first have defined those image states by using the Window State Images sheet.

To add or maintain a window state image for button skins

To add a new window state image:
1. Click the New button if another button state image is selected.
2. Enter the name of the state image in the Name text box or select the state image from the Defined Button States list box.
  
  Window state image names must be unique.
3. Enter a description of the button state image in the Description text box, if required.
4. Check the Image is a region mask? check box if you want to specify that the button state image is a region mask. When this check box is checked, the full rectangular image is not drawn using the skin and the image mask applies only to any mouse actions. For example, if a button is an unusual shaped image on a background, the button then displays only the rollover and click images when the mouse is over that special area.
5. Click the Set All button in the Border Definition group box if you want to select the border state image for each area of a skin, to request the loading of all pictures that describe the skin border area.
  
  A series of common File dialogs is then displayed, to enable you to locate each of the pictures required in turn. The title of the common dialog displays the required image. If you do not have a file for a specific image or you do not want to specify a file for that image, simply click the Cancel button to enable you to select the picture file for the next image. If you cancel a common dialog display for any picture, the default image is used for that property.
  
  When you have specified (or cancelled) the appropriate picture file for each border image that you want to define, the common dialog is then closed and focus returns to the Window State Images sheet of the Jade Skin Maintenance dialog. Alternatively, you can perform one of the following actions.
  - Set a specific border state image by selecting the border area in the Border Definition list box (for example, Right Strip) and then clicking the Set button. The common File dialog is then displayed, to enable you to locate the picture file that you want to define or change.
  - Clear an existing state image by selecting the border area in the Border Definition list box and then clicking the Clear button.
6. Uncheck the Use Default backColor? check box in the Inner Area group box if you do not want the default background color used when drawing the state image.
  
  The common Color dialog is then displayed, to enable you to select the background color that you require. The background color is used only when an inner image is not set or it is not a brush.
  
  If you want to restore the default background color of the inner area of the state image when you have selected a custom color, check the Use Default backColor? check box so that a check mark symbol (✓) is displayed and the default color is restored.
7. Click the Set Inner Picture button if you want to set the inner picture image. The common File dialog is then displayed, to enable you to select the existing image that you want displayed for the inner window state image.
  
  To apply the image, click the Open button in the common dialog. When you have selected the appropriate picture file for the inner image, the common dialog is then closed and focus returns to the Window State Images sheet of the Jade Skin Maintenance dialog.
  
  In addition, the The picture is a brush? check box is then displayed in the Inner Area group box. This check box is checked by default, indicating that your selected picture is treated a brush to be repeatedly drawn over the whole inner area of the skin.
8. Uncheck the The picture is a brush? check box if you want your selected inner image drawn centered in the inner area of the skin.
9. If you want to remove the selected image for the inner area, click the Clear button in the Inner Area group box.
  
  The The picture is a brush? check box is then no longer displayed.
10. If you want to select or define the foreground color you require for the rollOver state of a button skin, uncheck the Default foreColor check box.
  
  The common Color dialog is then displayed, to enable you to select or define the foreground color you require for the rollOver state of the skin. When you have selected or defined the appropriate foreground color for the rollover state of the button skin, click the OK button on the common Color dialog.
  
  The common dialog is then closed and focus returns to the Window State Images sheet of the Jade Skin Maintenance dialog, with the Set button and the selected foreground color displayed at the right of the Default foreColor check box.
11. Click the Update button.
To update an existing window state image:
1. In the Defined Button States list box, select the state that you want to change. The name of the selected state is then displayed in the Name text box.
2. Edit the appropriate data to meet your requirements. For details, see steps b through j in the previous action.
3. Click the Update button.
To delete an existing window state image that is not currently referenced:
1. In the Defined Button States list box, select the state that you want to delete.
  
  The name of the selected state is then displayed in the Name text box.
2. Click the Delete button.
  
  The Delete button is disabled if the state image is referenced by any skin entity.

For details about cloning an existing skin of a Window state image, see "Cloning Skins", elsewhere in this document.