Image
The Image component allows you to upload and display images directly within your form. Images added using this component are shown to users while they are filling out the form.
Note:
If you want to enable users to upload images, please use the ‘Upload Image’ component.
How It Works
The Image component lets you insert static images into your form layout. These images can be used for branding, instructions, visual references, or design enhancement and do not collect any user input.
Properties
| Property | Description |
|---|---|
| Upload | Insert or choose an image file for display within the form. |
| Width | Defines the horizontal size of an image or visual component in pixels or percents. |
| Height | Defines the vertical size of an image or visual component in pixels or percents. |
| Alt Text | Descriptive text for screen readers or in case the image fails to load. |
| Alignment | Controls whether the image is left-aligned, centered, or right-aligned. |
| Enable Full Screen Preview | Allow users to expand and view the image in full screen mode. |
| Add CSS Class | Apply custom CSS classes to style the field to match your branding or layout. |
| Display Component in Navigation | Option to include this component in any summary or form navigation (if applicable). |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name (for Printable Template) | A variable reference used in printable PDF or Word templates. |
Usage
You can reference the image in other parts of the form or related outputs, such as success pages, PDF templates, or notification emails, using the component’s Unique Name as a variable.