Checkbox Field Element

Last Update: January 7, 2024

A Checkbox Field is used to select any number of answers from a list of choices. You can add options manually, use predefined lists, or bulk import lists. If you only want users to make one selection, use the Radio Field Element instead. See the Registration Form Dark Prebuilt Form for an example of the Checkbox Field Element in use.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The Checkbox Field Element

The Checkbox Field Element allows you to place checkboxes into your forms.

To start, add the element into your desired column in a form layout.

Go through the options to populate and configure your checkboxes. Add a label, decide if it is to be a required field, add an optional tooltip, choose whether your options are to be displayed stacked or floated etc. 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.

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 FieldHow many checkboxes are required to be checked. On "All" the user will need to mark each checkbox in order to submit the form. On "Selection" the user needs to check a number of minimum/maximum checkboxes to proceed. Ideal for use as a privacy acceptance.
Empty Input NoticeEnter text validation notice that should display if data input is empty.
Minimum Required FieldsSelect the minimum required fields for the user to submit the application. 0 means no minimum fields are required.
Maximum Required FieldsSelect the maximum required fields for the user to submit the application. 0 means no maximum.
Tooltip TextThe text to display as tooltip hint for the input.
OptionsAdd options for the input field. Use the checkbox to preselect a value.
Field LayoutMake a selection for field layout. Floated will have them side by side. Stacked will have one per row.
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.