Line Connector

A line connector is a tool to show a connection between two or more objects.

Place two visual objects next to each other on a page, and draw a line connector to link them. You can draw straight line connectors or angle line connectors to link visual objects. You can use the line connector properties to:

  • Customize line connector arrowheads to help explain the direction of the flow from one object to the other.
  • Apply varied line styles.
  • Add a unique color and thickness to the lines.

Draw Line Connector

To draw a line connector, follow these steps:
  1. On the page designer toolbar, select to activate the line connector.
  2. Single-click/mouse-click on the page where you want to draw.
  3. Start to draw the line by dragging the mouse in the direction you want the line to go. To add a vertex in line, single-click.
  4. To end the line connector, Shift-click. (On the keyboard, hold down the Shift key and release the mouse-click.)
  5. To deactivate the line connector, select on the page designer toolbar.

Add Vertex

A vertex is a node/point on the line connector. You can add a vertex on the line connector to help demonstrate the relationships between multiple objects. To add a vertex to any line connector:
  1. Select the line connector, for which you want to add a vertex.
  2. Double-click to select the area on the line connector where you want to add a vertex.
  3. Drag the vertex to create an angle.

Delete Line Connector

To delete a line connector:
  1. Select the line connector you want to delete.
  2. Select that appears next to the line connector. You can also select the Delete key on the keyboard to delete the line connector.

Line Connector Properties

Property Description
Color Use the color palette to apply a color to the line.
Width Enter a width to set the thickness of the line.
Stroke Type Define how you want the line to appear:
  • solid: Creates a solid line.
  • dots: Creates a dotted line.
  • dashes: Creates a dashed line.
Start Marker

End Marker

Define a start/end line marker from these options:
  • smallArrowMarker: Adds a small-sized arrowhead.
  • mediumArrowMarker: Adds a medium-sized arrowhead.
  • largeArrowMarker: Adds a large-sized arrowhead.
  • vertexMarker: Adds a circle.
  • none: No line marker is added.
Middle Marker Define a line marker for the points in the middle of the line:
  • circle: Adds a circle.
  • none: No line marker is added.
Layer These layers are defined for line connectors so that they appear either above or behind the plug-ins in the end application.
  • back: The line connector is sent to the back, when overlapped by any object on the page.
  • front: The line connector is brought to the front, when overlapped by any object on the page.
Rounded Corners Select this check box if you want a round corner instead of a pointed corner.