Presentation steps

Presentation steps are used to display content to the users of a flow by allowing simple user interfaces to be created.

A presentation step can contain such as videos, images, tables, links, presentations, and code snippets.

Overview

The Presentation step

Presentation steps are used when you wish to present a screen to a flow user, but do not require information to be collected from them (such as a form), or if any complex user interaction is required. If this is required, use a page step as this allows more complex, interactive pages to be built. See Page steps.

Add content into a step step using the rich-text editor provided in the The content to be displayed to users area. This content is then converted into HTML and displayed to a flow user when the flow is run or published.

For example, the image below shows content added into a presentation step using the editor , that is then converted into HTML and displayed to a flow user when the flow is published using the default HTML5 player.

A presentation step converted into HTML in the default HTML5 player

The content editor uses the presentation component that is based on the TinyMCE HTML Editor. In addition to the standard rich-text editing functionality provided by the TinyMCE HTML Editor, the following additional functionality is available:

Insert Value: Click Insert Value to insert a native flow value into the content editor. The value will be inserted as a placeholder using the format {![Value Name]}, with this content populated with the actual value when the flow is run or published. For example, a page step may display a form to a user to capture data into a value, with this captured information then being displayed in a Presentation step. See Values.
Insert Image: Select Insert | Image or click the Insert Image icon to insert an image. When the Insert/edit Image form is displayed, click the Browse icon to select an image from the image assets that you have uploaded to your asset library. See Assets.