Image Select Field Element

Last Update: September 9, 2025

The Avada Image Select Field Element lets users choose from a set of image options instead of standard checkboxes or radio buttons in an Avada Form. Each option is displayed as a clickable image, making the selection process more visual and engaging. This is especially useful for surveys, product choices, or design preferences, as well as styling control. There are many possible uses for this Avada Form Element.

Watch the video below for a visual overview of Avada Form Builder Elements, and view the Avada Image Select Field Element page. Read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Avada Image Select Field Element

The Avada Image Select Field Element allows you to add a range of images to your form, that a user can then select from. To start, add the Element to your desired column in a Form Layout.

Go through the options to populate and configure the Image Select Field Element. There is a Child tab, where you add the images, and a Parent tab to set options.

You can bulk upload images, place a label and a name, allow multiple selection of images, make the field required, add a tooltip, specify the size of the images, their padding and border size, as well as the inactive and active border color and radius, and whether your options are to be displayed stacked or floated. Read below for a description of all element options.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

General

HeadingDescription
Field LabelEnter the label for the input field. This is how users will identify individual fields.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
MultiselectChoose whether you want a multi select or not.
Required FieldMake a selection to ensure that this field is completed before allowing the user to submit the form.
Empty Input NoticeEnter text validation notice that should display if data input is empty.
Placeholder TextThe placeholder text to display as the initial selection.
Tooltip TextThe text to display as tooltip hint for the input.
OptionsAdd options for the input field. Use the checkbox to preselect a value.
Input Field IconSelect an icon for the input field, click again to deselect.
Autocomplete TokensSelect an autocomplete detail token. Select custom to add your own token combination. For more info and examples, you can check MDN Web Docs.
Autocomplete Custom TokensEnter your custom autocomplete tokens. For more info and examples, you can check MDN Web Docs.
Tab IndexTab index for the form field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.

In this article