The Image component shows a picture on the form, such as a company logo or a diagram. You upload the image in the form builder and it is saved inside the form itself, so it travels with the form when you export and import it.
Add an image
-
Drag an Image component onto the form.
-
On the Display tab, under Image, upload a PNG, JPG, BMP or GIF file.
-
Optionally set Width and Height, for example
200px. Setting only the width keeps the image's proportions. -
Save the component.
Until an image is uploaded, the form shows Image component with missing content in its place.
Settings
|
Setting (Display tab) |
What it does |
|---|---|
|
Image |
The uploaded picture |
|
Width, Height |
The displayed size, as CSS sizes such as |
|
Custom CSS Class |
Classes for styling, for example to center the image |
|
Label, Hide Label |
A label shown above the image, if wanted |
Keep images small. The picture is stored inside the form definition, and every user downloads it each time they open the form. Resize images to the size they'll be shown and prefer compressed formats such as JPG or PNG. A form definition can't exceed about 15 MB in total.