Survey Preview

Edit in →
CodePen
Plunker
CodeSandbox

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, enable the showPreviewBeforeComplete property. By default, the preview page displays all visible questions. If it should display only answered questions, change the previewMode property value to "answeredQuestions". In this demo, you can change the values of both properties 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.

Your cookie settings

We use cookies on our site to make your browsing experience more convenient and personal. In some cases, they are essential to making the site work properly. By clicking "Accept All", you consent to the use of all cookies in accordance with our Terms of Use & Privacy Statement. However, you may visit "Cookie settings" to provide a controlled consent.

Accept All
Cookie Settings

Your renewal subscription expires soon.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Renew
Later

Your renewal subscription has expired.

Since the license is perpetual, you will still have permanent access to the product versions released within the first 12 month of the original purchase date.

If you wish to continue receiving technical support from our Help Desk specialists and maintain access to the latest product updates, make sure to renew your subscription by clicking the "Renew" button below.

Renew
Later