Custom Port Location Model Demo [yFiles for HTML]

This demo shows how to create and use a custom yfiles.graph.IPortLocationModel.

Thing to Try

Create new nodes in the canvas and connect them with new edges.
Note that a specialized set of possible port candidates is shown. The candidates use a custom port location model that offers five possible locations on each node.
Click on one of the nodes and then drag the handle that depicts a port. Note that you can only drag the handle to the locations that are supported by the model.
Try saving and loading the graph.

Related Demo

See the Custom Label Model demo to learn how to customize the models for label locations. Note that the code is very similar as the same concepts are being applied.

Imprint | Privacy Policy | View on GitHub