The Preview tab allows admins to see and test how a form will appear and behave for end users. This view is interactive and reflects both the form layout created in the Designer tab and the logic configured in the Logic tab.
This article explains how to use the tools available in the Preview tab.
how to select a device view
To preview how a form looks on a specific device:
1. Click the Select a device type button.
2. Choose a device from the list.
The form preview automatically adjusts to match the selected device’s screen size and layout.
Here's an interactive tutorial
how to switch to portrait orientation
To change the orientation of the form preview:
1. Click the Switch to portrait orientation button.
The preview will toggle between landscape and portrait modes based on the selected device.
Here's an interactive tutorial
how to hide invisible elements
To show or hide invisible elements in the preview:
1. Click the Hide invisible elements button.
This allows viewing the form exactly as an end user would see it, excluding hidden fields.
Here's an interactive tutorial
how to test a form in preview mode
The Preview tab allows the user to interact with the form as if it were live. To test the form,follow the next suggested actions:
- Enter text or numeric values into fields.
- Select options from dropdown menus.
- Toggle switches and checkboxes.
- Click radio buttons.
- Select dates.
- Navigate through pages and sections.
This helps validate field order, visibility, logic behavior, and overall usability without affecting saved form data.