After adding a new connection, it is drawn as a straight line between the two flow elements, as indicated in the upper left corner in the above example.
Choose the "Vertical, then horizontal" or "Horizontal, then vertical" menu item from the connection's context menu, or
Set the connection's "corner angle" property to one of the values -90 or +90.
Move the cursor over the connections's corner until a drag handle appears, and drag the handle between the two extremes, or
Set the connection's "corner angle" property to a values in between -90 and +90.