Interactive Preview

Interactive preview lets you edit a form directly from a rendered preview surface. It is useful when you want to adjust fields while seeing the respondent-facing layout.

This feature is controlled by the previewDnd feature flag. If the flag is disabled, the page shows a feature unavailable message.

Open interactive preview

1. Open Forms.
2. Open a form.
3. Open Interactive Preview for that form.

The page loads the current form schema and dependency data.

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 from preview

1. Open the interactive preview for a form.
2. Use the floating toolbar add action.
3. 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 from preview

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

Return to the builder

Select Back to Builder to return to the full form builder for advanced editing.