As an Interaction grows bigger and more complex, it can sometimes be challenging to view the layout or navigate between its parts. Here are some techniques for organizing and controlling the display and flow of your Interaction elements:

Setting the Start Element

The Start element is the first page or navigation logic element in an Interaction sequence. If an Interaction does not have a designated Start element, you won't be able to run it.

By default, the first page you create is automatically set as the Start element. If you decide you want the Interaction to begin elsewhere, you can simply change the designated Start element:

  • Move the mouse over a page or navigation element in the Interaction map, right-click and select Set as Start Element.

    The Start arrow appears over the selected element:

Note: An Interaction can have only one Start element at any time.

Setting the Finish Element

The Finish element is often the last page in an Interaction sequence. However, any page can be designated as a Finish element, and you can designate multiple Finish elements in an Interaction.

During runtime, when a user arrives at the Finish element, Interact will flag the flow as successfully completed. This information can be used to better serve customers and also to compile statistical information about the flow which can be used in metrics and reports.

  • Move the mouse over a page or navigation element in the Interaction map, right-click and select Set as Finish Element.

    The Finish arrow appears over the selected element:

  • You can delete an assignment of Finish elements anytime. Simply move the mouse over a Finish element in the Interaction map, right-click and select Remove Finish status:

Arranging the Layout

All the pages, navigation logic elements and connectors that you add to the Interaction are displayed on the Interaction map. Control the layout of the elements by manually dragging and dropping the symbols to different locations on the screen. When you add Connectors, the connected pages automatically align.

If the element layout becomes too unwieldy and difficult to follow, click the Auto Arrange toolbar icon  to instantly organize the visual Interaction map into a logical alignment. The following example shows an Interaction map before and after it is auto arranged:


Note: To arrange the layout manually, make sure that the Auto Arrange toggle is disabled (not orange). 

Navigating the View

If your Interaction is large and complex, the display may extend beyond the currently visible area of the Interaction map.

  • To minimize or enlarge your view of the Interaction map, use the Zoom slider or + and - icons at the bottom of the screen.
  • To see a different section of the Interaction, click anywhere on the screen and drag the canvas until the required portion is brought into view.

The Web Designer remembers your last Zoom and screen position when you reopen your Interactions.

Note: In large layouts, if you are unable to visually locate a specific Interaction component, you can use the Solution Explorer tool to search for it. For more information, refer to Locating Interaction Components.