HTML Dialog Preview

The Html Dialog Preview gives you the ability to see the rendered output of a Html Dialog. If you preview a Html Dialog that you already opened with the process simulation, then it will restore the process data for the preview.

The preview is opened in the Developer Workflow UI frame with some tooling (Auto-Refresh and Element Navigation). It can execute dialog logic, so that the dynamic behavour of the dialog like validation or autocompletion logic can be tested.

html-dialog-preview

Warning

The preview has some restrictions:

  • Previews of a Form Component, HTML Dialog Component and Static JSF Pages are not supported.

  • It uses a minimalistic implementation of a Task context, with the consequences that not every API is available.

  • Note that dialog logic is executed in the preview. This may manipulate your test data in the backend.

Accessibility

If you have a Form Editor or a HTML Dialog Editor open and focused, a new button appears in the Toolbar Open Dialog Preview. Or use the Play button in the Form Editor Toolbar.

Auto-Refresh

If you have a dialog open (via Preview or Simulation) in the Developer Workflow UI and you make changes to the User Dialog View file, it will trigger an auto-refresh of the view. State which is only represented in the UI and is not hold in the data, will then be lost. This auto-refresh can be disabled by clicking on the Disable auto refresh button in the Developer Workflow UI.

Note

Some changes can not be refreshed. In this cases an Error will shown, and the preview needs to be restarted.

Element Navigation

On an open dialog in the Developer Workflow UI there is a Selection Tool which gives you the possibility to select an element in the dialog, and it will open the corresponding Html Dialog View and reveals the code of the rendered element or selects it in the Form Editor.

If the view is an HTML Dialog Editor we try to find the selected element via the id attribute. Because of this, it only works if the given element has an id defined. The selection also only opens the direct corresponding Html Dialog View and do not navigate into additional views (HTML Dialog with Multiple Views) or Components (Form Component or HTML Dialog Component).