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 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 Button widget or the 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 Destination element. How?

Connect Web Screens in the Web Screen Editor

While editing your web screen or web block, in the Web Screen Editor, you can use the Button widget or the 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 Button and Link widgets are another Web Screen or an Action. Depending on the destination, the connector has a different color.

Link to a Web Screen: If you simply want to navigate between screens, the destination of the button or link widget is the web 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 button or link widget is a screen action that will, then, flow to the web screen. In this situation, the connector, at the Flow Canvas, has the following layout: