Checkbox Field Element

25/01/2021
IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.

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.

View Element Demo Page!

Overview

How To Use The Checkbox Field Element

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

Step 1. Create a new, or edit and existing Form in the Avada Form Builder.

Step 2. Create, or choose the Column you wish to add the Element into.

Step 3. Click on Add New Element and choose Checkbox Field from the Form Elements tab.

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

Step 5. Once you have configured the Element, save your page.

Read below for a description of all element options.

Avada Website Builder

664,019 Businesses Trust Avada

Get Avada
Avada Website Builder

664,019 Businesses Trust Avada

Get Avada
Avada Website Builder

664,019 Businesses Trust Avada

Get Avada

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.

  • Field Label – Enter the label for the input field. This is how users will identify individual fields.

  • Field Name – Enter the field name. Should be single word without spaces. Underscores and dashes are allowed.

  • Required Field – Choose from Yes, or No. If enabled, the user will need to mark each checkbox in order to submit the form. Ideal for use as a privacy acceptance.

  • Tooltip Text – The text to display as tooltip hint for the input.

  • Options – Add options for the input field. You can add your own options one at a time, or choose from Bulk / Predefined Choices, such as Countries, Days of the Week, Months of the Year, U.S. States, Years, Days of the Month.

  • Field Layout – Choose from Stacked, or Floated. Choose if fields should be stacked and full width, or if they should be floated.

  • Tab Index – Tab index for this input field.

  • CSS Class – Allows you to add a class to the wrapping HTML.

  • CSS ID – Allows you to add an ID to the wrapping HTML.

View The Options Screen

Global Options

There are no Global Options for Form Builder Elements.

Avada Website Builder

664,019 Businesses Trust Avada

Get Avada
Avada Website Builder

664,019 Businesses Trust Avada

Get Avada
Avada Website Builder

664,019 Businesses Trust Avada

Get Avada