Connect Web Screens

To define the screen flow of your eSpace you need to create the necessary navigation between your Web screens. The navigation is implemented through the Connectors that can be created:

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

Connect Web Screens in the Flow Canvas

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

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

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

Connect Web Screens in the Screen Editor

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

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

Connectors Layout

The possible destinations of the Web Button and Web Link widgets are another 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 Web Button or 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 Web Button or 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: