Preview your first form

Preview is the last step of your first-form tutorial. Use it to check layout, validation, and button behavior from a user’s perspective.

Open Preview

  1. Click Preview in the center header.
  2. The button label changes to Edit.
Preview control in the header toolbar on the first-form walkthrough.Preview control in the header toolbar on the first-form walkthrough.

Run through your checklist

Finished first form with required fields and a Save button before Preview.Finished first form with required fields and a Save button before Preview.
  1. Fill each required field.
  2. Leave a required field empty and confirm the error message.
  3. Click your Save or submit button if configured.
  4. Use Validate in the left panel to force validation.

Return to Edit

Edit button in the header to leave Preview.Edit button in the header to leave Preview.
  1. Click Edit.
  2. Fix any issues found during Preview.

Check the result

  • Side panels for authoring are hidden or replaced by preview tools.
  • Field values you type in Preview appear in the Data section.

Summary

Preview shows the user view. Edit shows the design view. Retest required fields, validation, and buttons before handoff. Use the testing checklist before release.

See also