Form Building

The Form Builder Layout

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.

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 Preview

Gives you a preview of your form filling the full screen.

Tablet Preview

Gives you a preview of your form in a Tablet Device.

Mobile Preview

Gives you a preview of your form in a Mobile Device.

Refresh Preview

Click on refresh preview to reload the preview. The preview is auto updated when in split view or when you save the form.