New to Kendo UI for AngularStart a free 30-day trial

ConnectionOptions

Defines the options for a connection in the diagram.

NameTypeDefaultDescription

content?

ConnectionContent

Defines the label displayed on the connection path.

dataItem?

any

Defines the connection dataItem.

editable?

boolean | EditableDefaults

Defines the editing behavior of the connections.

endCap?

string | ConnectionCap

The connections end cap configuration.

from?

string | number | Coordinate

The source of the connection. Can be a shape id or an object with XY-coordinates.

fromConnector?

string

Specifies the name of the source shape connector that should be used by default.

hover?

{ stroke?: { color?: string; }; }

Defines the default styling that is applied when the user hovers over a connection.

points?

Coordinate[]

Sets the intermediate points (in global coordinates) of the connection.

selectable?

boolean

Specifies if connections can be selected.

selection?

{ handles?: { fill?: string | { color?: string; }; height?: number; stroke?: { color?: string; }; width?: number; }; }

Defines the connections selection configuration.

startCap?

string | ConnectionCap

The connection start cap configuration or type name.

stroke?

string | Stroke

Defines the connection line configuration.

to?

string | number | Coordinate

The target of the connection. Can be a shape id or an object with XY-coordinates.

toConnector?

string

Specifies the name of the target shape connector that should be used by default.

type?

"polyline" | "cascading"

"cascading"

Specifies the connections type. The supported values are:

  • "polyline": connects the defined intermediate points.
  • "cascading": discards given points and defines a cascading path between the endpoints.
Not finding the help you need?
Contact Support