Previewing Forms

You can preview state, transition, and print forms before you deploy them. You can:

Choose to preview forms as they will appear in SBM Work Center or on different mobile devices (if the application is enabled for mobile access).
Preview forms as they will appear to users assigned to different roles and in different contexts, such as a particular state. You can also preview forms without any role restrictions.
Specify whether JavaScripts included in the form should be executed or suppressed during form preview.
Preview the form as it will appear in different Web browsers (Internet Explorer, Mozilla FireFox, or Google Chrome).
Resize a responsive form to preview how it will appear in different screen sizes. See Working With Responsive Forms.

To preview a form, do one of the following:

Select the form in the Forms list, and then click Browser in the Preview area of the Design tab. For mobile forms, click Mobile and select a mobile device type from the list.
Right-click a state or transition, and then select Preview Form.
Select a workflow, state, transition, or auxiliary table, and click Preview on the Form tab of the Property Editor. Alternatively, you can press F5 while in the form editor.

The form opens in the Form Preview Dialog Box.

Using Preview Mode to Test Your Workflow

In preview mode, you can navigate through the state and transition forms in your workflow so you can experience the user flow without having to deploy the process app and test it in a runtime environment.

To test your workflow:

In the Workflow editor, right-click a state near the beginning of your process, and then select Preview State Form.
Click a transition control on the form. The form associated with the transition opens.
Note: By default, transition controls are buttons that are automatically placed at the top of the form. You can replace these buttons with transition controls (buttons, hyperlinks, or images) that can be placed anywhere on the form. For more information, see Behavior Tab of the Control Property Editor.
Click OK to mimic the transition completion or click Cancel to return to the state form.
Continue to click transition controls on forms as you navigate through the workflow.
Note: This feature is not available when you select a form in App Explorer and then click Browser in the Preview area of the Design tab. It is only available from the workflow, as described in this procedure.