Diagramming

Using Connectors

Diagramming | Using Connectors

Connectors are lines that show relationships between shapes. They allow you to easily link shapes together and are context-aware to ensure quicker and more efficient diagramming.

Adding Connectors

Creately’s line connectors enable you to link your shapes together, allowing you to create a flow or show relationships between elements.

There are two ways in which you can add line connectors to your shapes:

  1. Directly from the shapes
  2. Using Plus buttonPlus button

Creating Line Connectors from Shapes Directly

  1. Select your Shape.
  2. Select Draw ConnectorDraw Connector from the contextual toolbar (Or use the short-cut key C on your keyboard).
  3. A connector will then be formed from your shape and you may connect it to another shape or the relevant data as needed.
Creating Line Connectors from Shapes Directly
Creating Line Connectors from Shapes Directly
Creating Line Connectors from Shapes Directly

Creating a Connector from the Plus Button

  1. Select LineLine from the options provided in the bottom row.
  2. Click on the point on your shape from where you want to start the connection line, drag it to the relevant connecting point, and let go of the connection.
Creating a Connector from the Plus Button
Creating a Connector from the Plus Button
Creating a Connector from the Plus Button
Creating a Connector from the Plus Button

Selecting Types of Line Connectors

There are several Line Connector types available for you. These are all available from the contextual toolbar. To select the line style:

  1. Select the connector you want to change.
  2. On the contextual toolbar that appears, select a Line StyleLine Style available from the drop-down menu.
Selecting Types of Line Connectors
Selecting Types of Line Connectors
Selecting Types of Line Connectors

Adding Text to Line Connectors

  1. Select the connector you want to change.
  2. On the contextual toolbar that appears, select Edit TextEdit Text or select shortcut T on your keyboard.
  3. Add or edit your text accordingly.
Adding Text to Line Connector
Adding Text to Line Connector

Adding Arrowheads to Line Connectors

Arrowheads can be used to highlight the direction of your data, such as to indicate the flow of information.

To add or edit arrowheads:

  1. Select the connector you want to change.
  2. On the contextual toolbar that appears, select Arrowhead LeftArrowhead Left or Arrowhead RightArrowhead Right and pick a preferred arrowhead style from the drop-down menu.
  3. Use the Flip ConnectorFlip Connector option in the toolbar to change the direction of the arrowhead.
Adding Arrowheads to Line Connectors
Adding Arrowheads to Line Connectors
Adding Arrowheads to Line Connectors
Adding Arrowheads to Line Connectors

Styling Line Connectors

  1. Select the connector you want to style.
  2. Select Style from the contextual toolbar.
  3. Select the connector you prefer to stylize, then the contextual bar will appear.
Styling Line Connectors
Styling Line Connectors
Styling Line Connectors

Using Custom Glue Points for Connectors

A glue point helps you connect lines between shapes. Usually, when you try to connect two shapes together with a line, the glue points or the connector points appear on the most common points of the shape. This is convenient, except when you want your line connected to a different place on the shape.

Using Custom Glue Points

You can place a custom glue point in a different place on the shape as follows:

  1. Click on the shape you want to start the connector from.
  2. Click on the Draw Connector icon in the contextual toolbar.
  3. Click on the tip of the connector and drag it to where you want it to connect.
  4. Hold the connector for 2 seconds in the exact spot you want it to connect - wait for the glue point to appear. Once connected, you can deselect the connector and continue editing.
Using Custom Glue Points
Using Custom Glue Points
Using Custom Glue Points
GIVE FEEDBACK Was this article helpful?