Explore the form builder

After creating an online web form, you can access the new form builder, which offers enhanced features. You can switch back to the old form builder at any time.

Introduce the form builder

The new form builder has these parts:

• Top Action Buttons

  These buttons help you do important things with your form, like adding logic, checking how it looks, sharing it, or adjusting settings. You can also use the search bar to find stuff quickly.

• Far left Toolbar

  Choose different types of fields to add to your form.

• Left Field Panel

  Customize each field and how it works.

• Right PDF Form Area

  See how your form looks as a PDF. You can change the layout by moving things around or resizing them.

Switch to the old form builder

If you want to go back to the old form builder, click the Switch button at the bottom right corner of the form builder interface.

Action Buttons

In the top left corner of the form builder, you’ll see action buttons that perform the following functions:

Main Functions

• Logics: Create conditions and rules to automate actions and workflows when respondents fill out the form.
• Preview & Design: Check how your form looks and customize its appearance.
• Publish: Make your form available for sharing when it’s ready for submissions.

More Functions

Next to the “Main Functions” buttons, you’ll find a small ••• icon. Clicking this icon opens a dropdown menu with various form settings options, including:

• Form Settings

  Configure form-related options like submission messages and languages.

• Submission Notification

  Personalize email notifications for form submissions.

• Send Invitation

  Customize form submission invitations.

• Preview PDF

  Review how the form looks in an offline PDF version.

• Universal Field Styles

  Customize the form’s appearance.

• History

  Track previous form versions and revert to them if needed.

• Reset Editing

  Reset the form to its empty or initial state.

Search Box

Currently, you can use the search box to quickly locate a field by entering its label or ID.

Toolbar

The Toolbar includes frequently used form fields like Text Input and Dropdown. Click the ••• icon to see additional fields.

Field Panel

In the left Field panel, you have several options:

Rearrange fields

Change the order of fields by dragging and dropping them. This affects the sequence of fields on the online form.

Edit a single field

Each field is enclosed within a widget. When you hover over a specific field, the field widget will be highlighted. Here’s what you can do:

• Click the field widget to open the attributes panel and modify its attributes.

• Click the X icon in the upper right corner of the widget to delete the field.

• In the lower right corner of the widget, set the field status to Required, Disabled, or Hidden.

• To clone this field, hover to the left of the Required button and click the Clone button.

PDF Form Area

In the right PDF Form Area, you can perform the following actions:

Arrange field widgets

• Position the widget on the PDF by dragging it to your desired location.

• Adjust the widget’s size by dragging any of its four sides. Alternatively, you can manually enter the width or height at the top of the form panel after selecting a specific field widget.

  

Adjust panel sizes

• In the new form builder, you can resize the Field Panel and the PDF Form Area by clicking and dragging the horizontal divider line between them.

  

• In the old form builder, you can switch between different view modes using the buttons at the top:

  

  • Two-column view

    Edit field details and the overall form structure simultaneously.

  • Fields pane view
    Focus solely on editing and arranging fields.

  • Form Page Pane View
    Manage the overall form page structure.

Navigate pages

For online web forms with multiple pages:

• Page Toggle: Located at the bottom of both the left and right panels, use it to switch between pages.

• Field Panel pages (Left) are divided using the “Page Break” field.

• PDF Form Area pages (Right) are divided based on the actual page count of the PDF.