Video tutorial about building forms.
Building3 Min.2 Min.

How to let the live preview work for you

While building your form, you can immediately see what you're working on in the live preview. Let us take a closer look at how the preview can help you while building your forms.

About live preview

The live form preview helps you to see what you're building. Every little change you do in the form builder gets updated in the preview right away. From a simple text change to changing a question type, to rearranging the order of questions. All changes have an immediate effect on the live preview.

Also changes in the form face, styling and translations get executed right away, so you can play with all these customizations very easily and quickly.

How to use

The preview is always shown on the right side of the form builder, so you can see your form structure and the form itself side-by-side.

Logic modes

At the top of the preview pane you can switch between two modes that determine if the logic should be applied to the preview form:

  • All without logic - Click All without logic to display all question blocks in the preview, without executing any logic you might have built. You can use this mode if you're still designing the outline of your form, so you can quickly edit texts, question types and the order of blocks;
  • Test with logic - Click Test with logic to display the form like your respondents will use your form, including the logic you have built. Click the icon at the top of the preview to start the test form from the beginning.

💡 Tip: Check logic mode

If you want to test your form as if you were a real respondent, make sure that the preview mode is set to Test with logic, so all logic gets executed in the form preview.

Device types

Of course, all forms are designed in a responsive way for optimal usage on all modern devices. In the top bar, you can switch the preview to different device sizes, to see how the form looks at each device type:

  • Mobile - Click the icon to preview the form on a small screen size;
  • Tablet - Click the icon to preview the form on a medium screen size;
  • Desktop - Click the icon to preview the form on a large screen size.

Quick edit

From the preview, you can quickly jump to a specific block in the form builder to start editing that block, so you don't have to search inside your form structure to edit a specific question block.

To do so, make sure the preview mode is set to All without logic mode, so all questions in your form are shown in the preview. Then click the title of the desired block inside the preview to open it in the form builder. You can now edit that block immediately and of course see those changes in the preview right away.

In this article

    Help us improve