Connection content overlapping with each other

[Chavi]

Hi,

Is there a way to avoid the overlapping of content of two connectors from each other. After going through the connection defaults I don't see any property which can avoid this overlapping. connections.content has only font related properties. Please see attached screenshot for the overlapping content.

Below is the connection deafults which I have configured.

connectionDefaults: {
                        endCap: "ArrowEnd",
                        startCap: "FilledCircle",
                        content: {
                            template: "# if (dataItem.percentage) {# #= dataItem.percentage #% #} #"
                        },
                        stroke: {
                            color: "#000000",
                            width: 2
                        },
                        editable: {
                            connect: true,
                            remove: true,
                            tools: [{ name: "edit" }]
                        },
                        type: "polyline"
                    },

[Vessy]

Hi Chavi,

The diagram does not have a built-in option to control the connections.content position, but you can implement a connections.content.visual template and define the desired position of the text box in it. 

You can see a sample demonstrating such approach here: https://dojo.telerik.com/OSIjaNIK

Regards,
Vessy
Progress Telerik