Preview online web form

You can check your online web form’s appearance and functionality before publishing. This helps you make any necessary adjustments to ensure your form is perfect when it goes live.

Preview your form

To preview your form:

• In the new form builder:

  Click the Preview & Design button in the top left.

  

• In the old form builder:

  Click the Preview Form button in the top left.

  

In the form previewer, you can view your form in its final state. This enables you to fill out fields, submit responses, and test the form’s functionality just as if it were live.

Form validation

Form validation is crucial to verify user input accuracy. By default, the Form Validation Enabled button is on during the preview phase.

• When Form Validation Enabled is on: You can preview the form with validation constraints. Be aware that enabling it might occasionally cause preview issues.

• When Form Validation Enabled is off: You can preview the form without validation constraints. This simplifies assessing layout and functionality.

Add and preview sample data

Using sample data during the form-building process helps you fine-tune the presentation and layout of your form, ensuring it meets your requirements before you publish it.

To add and preview sample data in your form, follow these steps:

• In the new form builder:

  1. Hover over the field you want to add sample data.

  2. Click the Field Label or Field ID to open its attributes panel.

     

  3. Scroll down the field attributes panel, and enter the sample data under the Preview section.

     

  4. After entering in all your sample data, click Preview & Design to open the preview page.

  5. On the preview page, click Fill Sample Data, and the fields will automatically populate with your sample data.

• In the old form builder:

  1. Hover over the field you want to add sample data.

  2. Click the Edit button to open the field attributes panel.
     

     

  3. Scroll down the field attributes panel, and enter the sample data under the Field Label.
     

     

  4. After entering in all your sample data, click Preview Form to open the preview page.

  5. On the preview page, click Fill Sample Data, and the fields will automatically populate with your sample data.
     

     

View created PDF

On the preview page, you can complete and submit the form. After submission, you will receive a prompt confirming that “Your form has been submitted successfully.” Additionally, you’ll notice the View Created PDF button in the top right corner. Clicking this button allows you to preview the PDF version of the form you’ve just submitted.

Sample and default selections

There are two important options to consider for Choice and Dropdown fields:

• Sample options: When you preview the form and use the “Fill Sample Data” feature, the selected option(s) on the preview page represent the sample selection. For example, if you have options like “Weekly” and “Monthly” set as sample selection, clicking “Fill Sample Data” will pre-select both “Weekly” and “Monthly” options.

• Default options: The default selection is the option that is automatically chosen when the form is initially loaded or opened. It is independent of the sample data and represents the pre-selected option without any user interaction.