Product Information > JADE Runtime Application Guide > Chapter 2 - Using Skins in Runtime Applications > Using the Menus Sheet

Using the Menus Sheet

The Menus sheet, shown in the following diagram, is displayed when you select the Menus tab in the Jade Skin Maintenance dialog.

To add a menu skin

  1. Click the New button if another menu is selected.

  2. Enter the name of the menu skin in the Menu Name text box or select the skin from the Menu List list box.

    Menu names must be unique.

  3. Enter a description of the menu in the Menu Description text box, if required.

  4. In the BorderStyle combo box, select the border style that you require for your menus if you do not want the default three-dimensional border style used.

  5. If the border style is set to 4 – use border images in the BorderStyle combo box, you can set these images by clicking the Set All button that requests the loading of all pictures that describe the skin.

    A series of common File dialogs is then displayed, to enable you to locate each of the pictures required in turn. The dialog title 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 image that you want to define, the common dialog is then closed and focus returns to the Menus sheet of the Jade Skin Maintenance dialog. Alternatively, you can perform one of the following actions.

  6. Use the The inner image is a brush? check box to specify whether the inner image is treated a brush to be repeatedly drawn over the whole area of the menu or whether it is an image that is drawn centered in the inner area of the menu. (By default, the inner image is a brush.)

  7. Specify the required number of pixels that you require for spacing in the following text boxes in the Pixel Spacings group box.

    If none of the displayed menu items have a specific entity (for example, a check mark (✓)or a picture), the appropriate column for that entity and the specified number of pixels are ignored.

  8. If you do not want the default Windows font to be used for your menu skin, click the font Set button. The common Font dialog is then displayed, to enable you to select the required font and its attributes.

    Alternatively, click the font Clear button to restore the default font of the form.

  9. Uncheck the following check boxes at the right of the sheet if you do not want your menu skin to use the:

  10. If you want to select the image that is displayed for the check mark, the arrow that indicates a submenu, or the menu separator, click the appropriate Set button.

    The common File dialog is then displayed, to enable you to select the existing image that you want displayed for the check mark, submenu arrow, or separator. To apply the image, click the Open button in the common dialog.

    When you have selected the appropriate picture file for the image, the common dialog is then closed and focus returns to the Menus sheet of the Jade Skin Maintenance dialog. In addition, your selected image is displayed at the right of the Clear button for that entity.

  11. If you want to remove the current check mark, submenu arrow, or separator image, click the Clear button at the right of the appropriate entity. The image is then removed from the right of the Clear button on the Menus form.

  12. Click the Update button.

To try out a menu skin, define the menu skin as one that is used by a form skin and then click on the menu item displayed for this form when the Forms sheet has focus.

If the menu does not fit on the menu line, the menu is extended to include additional lines as required. Each line is drawn with the same skin images as the first menu line.

To update an existing menu skin

  1. In the Menu List list box, select the menu skin that you want to change. The name of the selected skin is then displayed in the Menu Name text box.

  2. Edit the appropriate data to meet your requirements. (For details, see steps b through d in the previous action.)

  3. Click the Update button.

To delete an existing menu skin that is not currently referenced

  1. In the Menu List list box, select the menu skin that you want to delete. The name of the selected skin is then displayed in the Menu Name text box.

  2. Click the Delete button.

The Delete button is disabled if the menu skin is referenced by any form skin entry.