Image Control

Last published at: May 14th, 2024

Let’s open the form definition created in the previous steps “TestFormFile” within the form designer. Drag the image control to the designer from the toolbox. 

Once on the designer, double click on the image control to configure its properties:

Let’s select an image to display within the image control, click the “Select Image” button to select an existing image or to upload an image.  

Images can be uploaded and stored within the form itself or in a common area. 

If the image such a logo will be used within multiple forms, then upload the logo image to the “Common” storage area.  

If the image is specific to this form ONLY, then upload it to the “Form” storage area.   

Click the “Choose Files” button to select an image.  Now click the image thumbnail and click the “Select” button to select that image for display.  Image control properties dialog will now reflect where the image is coming from.  

The image properties dialog will render as follows: 

To render the image at a large size, provide the width and height of the image.  Click the “Save” button to save the changes.  Form definition will display the image as follows: