How to use “Image” field

After creating your form, you will be redirected to the Form Builder screen.

In the right-hand panel, open the Elements tab. Under Advanced Fields in the Add Fields section, click on Image Buttons to add it to your form.

Quick Action Icons

You can use the shortcut icons to: 

• Edit details
• Adjust spacing (margin / padding)
• Duplicate the field
• Delete the field

General Settings:

• Label: Set the label for this field. This will be displayed to users
• Description: Provide additional information about this field. This will be displayed to users
• Image: Upload the image you would like to display.
• Alt Text (for accessibility): Describe the image for screen readers
• Size: Customize the image size as desired.

You can also customize the following options:

• Alignment
• Border Radius
• Border Width / Border Color
• Box Shadow
• Background Color
• Caption: Add a caption below the image
• Required: Mark this field as required to ensure users must fill it out

Appearance Settings:

• Field Label Visibility: Set the visibility of the field label. Options: Visible, Hidden
• Field Label Margin: Adjust the spacing around the field label
• Field Padding: Adjust the spacing around this field for better visual separation
• Field Margin: Adjust the spacing outside this field to control its position relative to other elements
• Custom CSS Class: Add a custom CSS class to style this field

Advanced Settings:

• Visibility: Set the visibility of this field. Options: Visible, Hidden, Administrative

Conditional Logic Settings: 

Show or hide fields based on user answers. Available on Pro plan only.