...
| Table of Contents | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
How to add elements to a form
From the administration toolbar, select Workbench, then select My Dashboard.
Navigate to the Forms list.
Locate the Web form you would like to add an element to.
Under the Operations column of that Web form, select Build.
Select + Add element.
Choose an element and select Add element.
Configure the element in the General tab that will appear.
Enter Title (required).
Select Save.
Select Save elements, at the bottom of the page.
Note: Every element has different options unique to the function that it holds and to the type of information that it is collecting or displaying.
How to add a page
From the administration toolbar, select Workbench, then select My Dashboard.
Navigate to the Forms list.
Select Build under the Operations column of the desired form.
Select + Add page.
Enter the Title into the page, which will appear on the side.
Select Save on the same page.
Nest existing elements under the created page by dragging and dropping the element by the cross-arrows, or create new elements on the page by selecting + Add element to have those elements display on that page.
Note: Adding a single page will not have any effect as web forms are already shown on a single page.
Repeat steps 4-7 to add another page.
Select Save elements. If done correctly, the indentation for your elements under your pages should appear like this:
Check to see if the pages are displaying in the desired way by selecting the View tab and selecting Next page to view the pages you have created.
How to add a layout
From the administration toolbar, select Workbench, then select My Dashboard.
Navigate to the Forms list.
Select Build under the Operations column for the desired form.
Select + Add layout.
Enter a key in the Key field of the page, which will appear on the side. A Key is a unique element key that can only contain lowercase letters, numbers, and underscores.
Choose the preferred alignment from the drop-down menu under Flexbox settings.
Select Save on the same page.
Nest existing elements under the created layout by dragging and dropping the element by the cross-arrows, or create new elements by selecting + Add element beside it to have those elements displayed in the layout. If done correctly, the indentation for your elements under your pages should appear like this:
Select Save elements. Below are examples of how the different alignments will display as well as how layouts should appear:
...
Alignment: Bottom
...
Alignment: Center
How to edit components
From the administration toolbar, select Workbench, then select My Dashboard.
Navigate to the Forms list.
Select Build under the Operations column for the desired form.
Locate the component you would like to edit and select Edit.
After changes are complete, select Save.
Select Save elements.
How to rearrange components
From the administration toolbar, select Workbench, then select My Dashboard.
Navigate to the Forms list.
Select Build under the Operations column of the desired form.
Rearrange the order of the form components by dragging and dropping the component by the cross-arrows.
Select Save elements.
Note: Rearranging the elements will change the order of the elements on the form for the users.
Additional operations
Edit - Allows you to make any edits to the component settings.
Duplicate - Allows you to duplicate a form element.
Delete - Allows you to permanently delete a component from your form. This action cannot be undone.
Helpful definitions
Required - Makes the field mandatory for the user.
Key - A unique element key that can only contain lowercase letters, numbers, and underscores.