As an Interact Flow 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 of your Interaction elements.

Arranging the Layout

All the pages, navigation logic elements and connectors that you add to the flow 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 flow 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 flow, 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 flows.

Note: In large layouts, if you are unable to visually locate a specific flow component, you can use the Solution Explorer tool to search for it. For details, click here.