Interactive Preview

Interactive preview lets you edit a form directly from a rendered preview surface, so you can adjust fields while seeing the respondent-facing layout. It is part of the form builder — open any form to use it.

Open the builder

1. Open Forms.
2. Open a form.

The builder loads the current form schema and dependency data and renders the form as an interactive surface.

Select and edit fields

1. Click a field in the preview surface.
2. Use the floating toolbar to edit the selected field.
3. Save or leave the field after making changes.

Changes are saved back to the form schema.

Add fields

1. Use the floating toolbar add action.
2. Choose or configure the field to add.

The new field is inserted into the form schema.

Duplicate or delete fields

1. Select the field on the preview surface.
2. Use the duplicate action to copy it.
3. Use the delete action to remove it.

Deleted fields are removed from the form schema. Review conditional logic after deleting fields because rules that depend on removed fields may need adjustment.

Edit conditional logic

The preview surface can update dependency data when the tooling exposes logic actions. Logic changes are saved to the same dependency data used by the dedicated conditional logic builder.