Connectors

Connectors are dynamic visual elements that indicate a path between Components. They can be driven by OAS Tags and will adjust themselves as the connected Components are repositioned. Useful for indicating process, data, or material flows.

Connectors

Connect Mode

Within the Editor, Connectors can be added, adjusted, or removed only while in Connect Mode. To enter Connect Mode, first enter Edit Mode by clicking the icon. Then enter Connect Mode clicking the icon when it appears.

All Components placed on the Screen will display an indicator, letting you know that Connect Mode is active. This is the blue highlighted region surrounding the Component.

Connector Modes

Once Connect Mode is active, new Connectors can be dragged between Components, starting within the highlighted region of one Component and ending at the edge of another.

Connector Dragging

If you choose not to add a connector after you have started dragging, you can mouse up within an open area of the Screen and the operation will be cancelled.

Connector Disconnect

You can also reposition the start and end points for any connector, or remove it entirely by grabbing a point and dropping it in a new spot.

Connector Reposition

Styling

Like Components, properties of a Connector can be modified to change their appearance, and several can be driven by OAS Tags, which is useful for indicating live server states.

PropertyTypeDescription
WidthNumericPixel width of the Connector line. Adjusting the Width will also increase or decrease the end cap size accordingly.
ColorColorThe line color. This also applies to the end caps.
StyleOptionsSolid, Dashed, or Dotted
AnimatedBooleanFor Dashed and Dotted line styles, if set to true will animate the line from start to end point.
Cap StyleOptionsCircle, Square, Diamond, and Arrow
Cap PositionOptionsStart, End, Both, None
VisibilityBooleanDetermines when to show or hide the Connector
Last Updated: