Explained below is the Form Builder Layout. This will help you understand where to find the tools to create your form and its various componants.
Form Building
The Form Builder Layout
How to Add fields to your form
To add fields to your form click on any of the available fields as shown in the graphic below. You can also drag the field from the toolbar into the form.
Click to add a field
Click on for example the Email Field form the available field bar.
This will add an Email Field to the form.
Dragging a field into the form
Click on AND hold for example the Query Field form the available field bar.
While holding move the field into the form where you would like iot to be dropped. The Placeholder will indicate where the field will be added.
Release the mouse button and the field will be added where the placeholder specified.
Editing a Field
Hover over the field and click on the field or the Edit button. The field's Settings will be available from the right hand side of the form canvas.
Duplicating a Field
Hover over the field and click on duplicate button.
Deleting a Field
Hover over the field and click on Delete button.
Previewing a Form
Split (Normal Building View and Preview View)
This will your normal builder view in two. On the left your have your builder view and on the right you have your Live Preview.
Preview
This will give you a full preview of the form only.
Normal View (without Preview)
This is your default builder view where you can construct and edit your form.
Preview Options
Full screen PreviewGives you a preview of your form filling the full screen.
Gives you a preview of your form in a Tablet Device.
Gives you a preview of your form in a Mobile Device.
Click on refresh preview to reload the preview. The preview is auto updated when in split view or when you save the form.
