Connect Mobile Web Screens

To define the screen flow (Collection of objects that define the user interaction; you can have screens, entry points, external sites, etc, depending on the type of your flow. The objects are linked through Connectors.) of your eSpace you need to create the necessary navigation between your Mobile Web screens. The navigation is implemented through the Connectors that can be created:

Directly in the Mobile Web Flow;
In the Mobile Web Screens or Mobile Web Blocks in the Mobile Web Screen Editor.

Connect Mobile Web Screens in the Flow Canvas

While designing your Mobile Web Flow, in the Flow Canvas, simply connect the Mobile Web Screens by clicking on the source screen and dragging to the destination screen. The next picture presents a connection created in the Mobile Web Flow:

This connection is only graphical and, afterwards, you need to edit the Mobile Web Screen or Mobile Web Block and define how they are connected, through the Mobile Web Link widget. Then the connector becomes instantiated and its color changes accordingly. See Connectors Layout below.

If you want to connect to a Mobile Web screen that belongs to a different Mobile Web flow, use the Go To Screen element. How?

Connect Mobile Web Screens in the Screen Editor

While editing your Mobile Web Screen or Mobile Web Block, in the Mobile Web Screen Editor, you use the Mobile Web Link widget to connect your screens.

In this situation, Service Studio automatically creates the necessary Connectors in your Mobile Web Flow. See Connectors Layout.

Connectors Layout

The possible destinations of the Link widget are another Mobile Web Screen or an action. Depending on the destination, the connector has a different color.

Link to a screen: If you simply want to navigate between screens, the destination of the Mobile Web Link widget is the screen that you want to jump to. In this situation, the Connector, at the Flow Canvas, has the following layout:

Link to a screen action: If you need to execute some business logic before jumping to another screen, the destination of the Mobile Web Link widget is a screen action that will, then, flow to the screen. In this situation, the Connector, at the Flow Canvas, has the following layout: