Add, Edit, Delete Elements
Elements are the building blocks of a webform. They are the fields that the user will fill out. There are many different types of elements that can be added to a form. The following sections will cover the different types of elements and how to add them to a form.
When you click "Build" for a webform, you'll see the "+ Add element" button in the top right corner (see below), allowing you to add elements to your form.
Add elements
Clicking the "+ Add element" button opens a modal with a list of available elements. An interactive preview is available next to the name of each element. This list can be filtered by typing in the search bar at the top of the modal. Below is a list and explanation of the most commonly used elements.
Delete/Edit elements
In the build tab of a webform, a list of elements will be displayed. Each element will an Edit button and dropdown (see above). To edit, click the "Edit" button, to delete an element, tap the arrow and select "Delete".
Elements can be reordered by dragging the element to the desired location in the list.
Element fields
When adding a field, a side bar will appear on the right side of the screen (see first photo to the left below). This side bar contains the settings for the field. While each field has different settings and fields, some are universal. Below is an example of how some these fields map onto a Checkbox element (see second photo to the left below):
Elements
Checkbox
The checkbox element presents the user with selecting either true or false for a single option, essentially a boolean.
Checkboxes
Checkboxes elements present users with a list of options that they can select multiple of. A variant of Checkboxes is "Checkboxes other", which provides an option titled "Other..." that allows users to enter a custom value (shown above).
Textarea
Textarea elements allow users to enter a large amount of text. Reserve for paragraph length text.
Textfield
If the Textfield will be for email entry, try using the Email element. Similarily, use the Telephone element for phone numbers, and Number for numbers.
Textfield elements allow users to enter a small amount of text. Reserve for single words or short phrases.
Radios
Radios elements present users with a list options that they can select one of. A variant of Radios is "Radios other", which includes an option title "Other..." that allows users to enter a custom value.
Select
Similar to Checkboxes, Select elements present users with a list of options that they can select one of.