DEMOS
DOCS
FEATURES
DOWNLOAD
PURCHASE
CONTACT
BLOG
Window 1 disable
Window 2disable

Window 3disable

Window 4disable

Window 5disable

Window 6disable

SOURCES & TARGETS

Drag Connections from the blue element to any of the green ones. You can also drag existing Connections from one green element to another - Connections are, by default, detachable (this behaviour can be overridden).

The makeSource and makeTargetfunctions provide an alternative means of setting up your UI to support draggable connections - here we treat entire elements as sources and targets, and only when Connections are established do we assign Endpoints for them.

The blue element is configured as a Connection source (and is not draggable), with a list of possible Anchor locations.

The `disable` link is excluded from being a drag source through the use of the `filter` parameter on the makeSource call.

The green elements are configured as Connection targets, with a `Top` anchor, and are draggable