Preview

In the Preview tab, you can see how your form will actually appear and behave in a web browser, preview the styles, test the fields you defined in the Form designer tab, and test the Rules that apply to your form. If translation has been enabled by an administrator and you Select translation settings for the form, you can preview the form with a language selection drop-down menu that will automatically translate the form into the languages listed.

Jump to:

Preview form

  1. Click the Preview tab at the top of the Form designer.

  2. If translation has been enabled by an administrator, select a Language to translate the content into on the form and preview it in that language. To modify this list, see Select translation settings.

    Note: The form initially displays in the language detected by the browser's locale. Participants can use the language selection drop-down or a query string parameter in the form URL (add ?lang=LanguageCode at the end of the form URL: https://ntx-user-aus.workflowcloud.com/forms/abc123?lang=hi) to display a different language in the form.

Set variable values

Set values of workflow and start form variables in the designer preview. This feature is useful when you want to test your form without publishing the workflow.

  1. Click the Preview tab at the top of the Form designer.

  2. On the top left, click Set preview variables.

    The Preview variables configuration panel is displayed.

  3. (Optional) Use the Search box to search for the variables you want.

  4. Type the value you want for the variable. The relevant fields in the form preview is populated with the values you entered.

Export preview variable values

After you define the variable values you can export the values to a JSON file.

  1. Click the Preview tab at the top of the Form designer.

  2. On the top left, click Set preview variables.

    The Preview variables configuration panel is displayed.

  3. Click Export variables.

    A JSON file with the variable values is created and saved.

Import preview variable values

You can import a JSON file containing variable values and populate the fields.

  1. Click the Preview tab at the top of the Form designer.

  2. On the top left, click Set preview variables.

    The Preview variables configuration panel is displayed.

  3. Click Import variables.

    The Open dialog box is displayed to select a file for import.