NextGen Knowledge Center

Add Images to a Button

You can put a primary image and an alternate (hover) image on a button. The alternate image appears when you hover your mouse over the button. The images can be in .bmp, .jpg, .png, or .ico format. The image files are stored in the Template Image path set up under Universal Preferences in System Administrator.

Hover images must be named after the primary image with a suffix of _hov. For example, if the primary image is named anteriorchamber.bmp, the hover image must be named anteriorchamber_hov.bmp.

  1. Select the Extended tab on the Insert a Button when you create a button, or the Button Properties window for an existing button.
    1. To access the Button Properties window, do one of the following:
      • Select the button field, right-click, and then select Properties.
      • From the Menu bar, select View, and then select Properties.

  2. Do one of the following:
    • The Picture list contains images available from the active images stored in the Template Image path. Select the image you want from the list if it is available.
    • Select the ellipsis button to browse for an image in another directory.
    The Open window opens.

    The Look in list defaults to the Template Image path. You can navigate to the directory that contains the image file you want.

  3. On the Open window, do the following:
    1. To locate and select the file you want to use quickly, enter the first letter of the file name in the File name field.
      A list displays the group of files that begin with that letter.

      The Files of type list is automatically filled with Image files (*.bmp, *.jpg, *.ico, *png).

    2. Select Open.
      The selected file is entered in the Picture box. The file is copied to the Template Image path if it was in another location.
    The selected image appears in the preview window at the top of the window.
  4. If you want to add a hover image, select the Use Hover Image check box.
    The hover image name appears.
  5. From the Picture Position list, select where you want to place the image on the button in relation to the caption:
    • Left
    • No Caption (Centered with no caption)
    • Right
    • Top
  6. From the Border Style list, select 3D, Flat, No Border, or Semi-Flat.
  7. Select the Transparent and/or XP Style check boxes, if applicable.
  8. Select OK.