6.3. Configuration Object: Image Property

An image file can display on a menu node instead of an icon.

The image can:

  • Include transparency, which is supported.
  • Be a maximum of 48x48 pixels.

The actual image size does not have to be an exact square, e.g. 16x16 or 32x32; the space assigned on the node will be the square that accommodates the largest side.

  • Be any of the popular file types, including:
  • .png
  • .gif
  • .jpg
  • Runtime example: Image on menu items.
  • Configuration: Image property.

Configuration: Image Property

  1. Click the button to the right of the Image field.

An Open dialog box opens.

  1. Select any of the popular file types.

Result: The selected image will display on the node instead of an icon.

Important: If the graphic file is in the Screens folder or subfolder, a relative path can be entered in the Image field. for any other location, an absolute path must be used.

Example

The correct Image field entry for a Waterdrop.png image depends on its location, as follows.

File location Correct Image Field Entry
C:\Project\ProfNav\Graphics\Waterdrop.png C:\Project\ProfNav\Graphics\Waterdrop.png
C:\Project\ProfNav\Screens\Waterdrop.png .\Waterdrop.png
C:\Project\ProfNav\Screens\Graphics\Waterdrop.png .\Graphics\Waterdrop.png

Two .png files are selected to display on menu items.

The files and their sizes are:

File Size (Pixels)
VFlame.png 10x20
Waterdrop.png 14x16

Runtime Example: Image on Menu Items

A Navigation menu in CimView displays the images in a square space that accommodates the largest image side, as follows.

Image Display Space (Pixels)
A Flame image 32x32
B Water drop 16x16