Preview Forms and Their Payload

At any point in configuring a web form, preview it to see its appearance at different device sizes, test its behavior, and view its payload.

  1. In the web form editor, click Preview.

  2. In the Preview window, switch to device sizes users might use to see your web form’s layout. The web forms automatically adjust their layout according to the screen size of the device that users use to display them. Use the drop-down fields to change the language and display percent (for example, choose 150% to zoom in on a form).

  3. Enter sample values in the form’s controls, and click Submit.

    Notice that the field at the bottom of the Preview window displays the payload values. The payload values are the values that you specified in the web form’s controls. These values are stored as data attributes for use in a process.

    Dynamically populated controls, such as controls that call a REST connector, also function in preview mode.

  4. Click the Trigger Custom Outcome button to test the form with different outcome values. In the resulting window, enter a custom outcome value and click Submit. Observe the form’s behavior in the payload field.

  5. Click Close.

Monitoring Form Logs

Click Log at the bottom of the Preview window to view activity logs for a form. Monitoring these logs helps you identify and address issues with your form.

Under the Log tab, all activities (such as events, actions, connector calls, computed value population, and errors) occurring in your form are recorded chronologically. Expand an activity log to view the details under it, including the control on which the activity occurred, the time at which the activity occurred, and so on.

Narrow down to specific activity logs using the Filter Logs button. You can filter based on actions, events, errors, and so on. You can use more than one filter at a time.

Click Clear Logs to delete all log messages.

Reloading Form with Custom Payload

Click the Reload With Payload button to test your form with custom payload. In the resulting dialog box, enter the payload JSON. Edit the JSON to include your custom data and click OK. The form loads with the custom data.

Note:

You can obtain the payload JSON from the Outcome tab.