12.2.2.2.3 Connect Shapes

Web Modelers can connect flow objects in a proper sequential order to have a process flow. The transition flow leaves from a source shape to a target shape.

A Target shape can have one or many incoming flows:

A Source shape can have one or many outgoing flows:

*Start Events cannot be a target, and End Events cannot be a source

We recommend using BPMN 2.0 rules to map processes and connect shapes.

To Connect Shapes, please follow the instructions.

*Ensure you are given the permission to be a Web Modeler, the displayed content is set to Show Latest, and your editing tool is the Web.

1. Navigate to Full Screen Edit Mode, after clicking on Edit Button

2. Click on the Source shape (left-click on mouse). In this example, the start shape is “Start Event”

3. Drag out the flow (left-click hold) to the Target. In this example, drag the flow from the “Start Event” to the “Task: Receive Invoice Request”

4. The task shape will now have target port points (green squares). Connect the transition flow to the target port you desire.

*While you drag the flow from and to shapes, you need to constantly hold the flow with a left-click on the mouse

5. Release the flow, once you dragged the flow to the target port

6. To differentiate transition arrows, you can also change their colors by right-clicking on the desired arrow and select “set color”.

IMAGE

To Change the Direction of the Flow Shape, please follow the instructions

1. Click on the shape you want to start the connection (left-click on mouse). In this example, the start shape is “Start Event”

2. Drag out the flow (left-click hold)

3. To change the direction of the flow to the left, move the mouse to the left

4. To change the direction of the flow to the right, move the mouse to the right

5. To make a break in the direction of the flow, left-click on your mouse and choose the new direction

6. Make another flow break, and drag the flow to the task “Update Invoice”

To Change the Source/Target Port, please follow the instructions

1. Navigate to the transition flow

2. Navigate to the source/target port represented with a black circle. In this example, navigate to the target port in the task

3. Drag the target port to another port holding left-click on the mouse. The other ports will be green squares on the shape

4. Drop the flow on the new target port

To learn how to optimize the route of the Flow, navigate to the Reroute a Flow section