Customize Connectors

Hello everyone,

I am in the process extending the modeler and I’ll like to create the following connectors in the image below with new rules on their behavior. The issue is I have not been able to find any information on how this can be achieved. Any help on how to achieve this will be appreciated.


This is a case of building a custom renderer.

I have gone through the custom renderer example you shared but its still not clear how to for example attach the “+” and “%” to the top of the arrow to create custom connectors. Any further hints will be helpful. Thanks.

We use SVG under the hood to render.

The practical way to attach such characters is a connection marker, cf. also MDN on SVG <marker> elements.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.