# File Maintenance Generator

Image | Step 6: Field Layout

The Add an Image window is used to add (and edit) an Image control on the file maintenance panel. See Webster+ [image] short code.

#### Note:
To properly view images on HTML pages, Webster+ Security must be enabled.

(The ability to add/edit an Image was added in PxPlus 2021.)

To invoke this window, use one of the following methods:

• Click the Add Object button (above the Layout Grid) and select the Image option. OR

• Right click on a cell in the Layout Grid, select Add Object from the popup menu and then select the Add or Edit an Image option.

This window consists of the following:

Image Control Name | Enter a unique name or use the default name provided. (Same as Name property in Image/Picture Properties.)
Image Type | Specify whether the Image is a Fixed value, string Expression or Dynamic. (Default is Fixed.)
Image Path | (Available when Image Type is Fixed or Expression) Name and path of the image (Fixed value or string Expression). Click the Bitmap Library button to select a bitmap from the Bitmaps dialog. This button is available when the Image Type is Fixed.
Variable Name | (Available when Image Type is Dynamic) Name of the variable that will contain the name of the image.
Image Format |
Graphic Display | Defines how the Image is to be drawn. See Image Format. #### Note: Image formats are not currently supported in Webster+.
Size |
Width | Enter the width for the Image either in number of Columns (Default) or as a Percentage of the column width. When Columns is selected, the width defaults to Auto, which will result in the Image filling the entire column or full line. If an Image with an Auto width is the only control in the column, it will default to a width of 35. Otherwise, enter the desired value or use the spinner control. Valid entries are 0 to 300. When Percentage is selected, the percentage defaults to 100%. Otherwise, enter the desired percentage or use the spinner control.
Height | Enter the height for the Image in number of lines or use the spinner control. Valid entries are 0 to 255. (Default is 10.)
Webster+ HTML | (Available when HTML Page check box is selected for Form Type)
Event | Enter an optional HTML Event.
Class | A single HTML Class can be entered. Multiple classes can be entered, separated by either spaces or commas. When spaces are used as the delimiter, the values must be within double quotes. See Webster+ Defined Classes.
Other Options | One or multiple short code options associated with the [image/picture] short code can be entered. Multiple options must be separated by a space. See Webster+ Short Code Options. Example: tip=FloatingTip tip=FloatingTip link=https://www.pvxplus.com #### Important Note: The Other Options field should not be used for entering class=xxx or event=xxx short code options.
(HTML Event was added in PxPlus 2022.) (The Other Options and Class fields were added in PxPlus 2023 Update 1.)
Span Multiple Lines | (Applicable for NOMADS Panels Only) When selected (Default), the Image spans according to its size. Fields placed in the rows below the Image and below the adjoining cell (in a two-column layout) are pushed down to accommodate the Image. The field in the adjoining cell remains in place beside the Image. Deselecting this option allows fields to be placed beside the Image (in a two-column layout). However, fields below the Image (in the same column) are not pushed down, which may result in overlapping and hidden fields. This option works the same for Smart List Boxes, Smart Charts, Images and Embedded Panel/HTML Short Codes. For an example using a Smart List Box, see Example - Span Multiple Lines.