Select Field Element

Last Update: September 22, 2024

The Select Field Element allows users to choose from a set of predefined choices, that display in a dropdown list. You can see an example of this Element in the Sign Up Prebuilt Form.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Select Field Element

The Select Field Element allows you to place select fields into your forms. To start, just add the element into your desired column in a Form Layout.

Go through the options to populate and configure the Element. You can add a label, decide if it is to be a required field, add an optional tooltip etc.

Then there are the options which become the fields you select from. You can add your own options, either individually or in bulk, or you can choose from a range of pre-populated choices, such as Countries, Days of the Week, Months of the Year, U.S. States, Years, and Days of the Month. once you have more than one option, the Select Field Element displays a dropdown arrown on the right-hand side.

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.
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.
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.