Survey Preview

Before submitting results, respondents can view and edit their answers on the preview page. This page displays all visible survey pages as panels. Each panel has an Edit button that sends users back to the corresponding page. This example shows how to enable the survey preview and customize its content.

To add the preview page to a survey, specify whether it should display all visible questions or only those with answers. Set the showPreviewBeforeComplete property to "showAllQuestions" or "showAnsweredQuestions". In this demo, you can change the property value in Settings.

When the preview page is added, the last page in the survey displays the Preview button instead of the Complete button. Set the previewText property to a custom string value if you want to change the Preview button caption.

You can also call the following methods to control preview page visibility in code:

• showPreview()
  Shows the preview page. Fails and returns false if the current page has validation errors.

• cancelPreview()
  Hides the preview page and switches the survey back to edit mode.