Straighten connectors in diagrams

draw.io 20 Sep 2022

Share:

When working with connectors in diagrams, sometimes you may find a floating connector is not straight between two shapes. You can straighten such connectors quickly and automatically by changing the path style. Depending on where the connected shape is, the connector will straighten automatically.
Choose a different path style (Waypoints) in the Style tab in the format panel on the right in draw.io to straighten a connector

  1. Select the connector you want to straighten.
  2. Click on the Waypoints dropdown list in the Style tab of the format panel on the right.
  3. Select a different path style from the list to automatically reroute the connector and its waypoints.

In the example below, the shapes are not aligned - orthogonal and curved path styles on the floating connector will always contain a bend. To straighten this connector, use the simple style.
Choose a different path style (Waypoints) in the Style tab in the format panel on the right in draw.io to straighten a connector

Alternatively, drag one section of the floating connector until it aligns with the other section. This will remove the waypoint between them and straighten the connector.
Drag one part of the connector to align with another to remove the waypoint and straighten the two sections

Note: Fixed connectors will not ‘float’ along the edge of a shape, and may not allow you to straighten such a connector.

Learn more about fixed versus floating connectors.

Do more with connectors

Follow us on GitHub, Twitter, Facebook.

Share: