We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Connector Problems

Hello, 
We do have problems with the connectors. 

1. The connector labels are missplaced in some cases and user is not allowed to change that. See attached image. 
2. The segmented connector line does not break in the middle. Is there a possibility to implement custom segment routing? 
3. Sometimes it is hard to draw connector on a port, the mouse keeps blinking and I need to navigate it very carefully to the port. 

Is there some way to solve this problems? 

Best regards, 
Marek 

Attachment: conector_labels_57195e2e.zip

1 Reply

KR Kameshwaran R Syncfusion Team February 25, 2016 09:52 AM UTC

Hi Marek,

Query
Response
The connector labels are misplaced in some cases and user is not allowed to change that. See attached image. 
Please confirm us whether your requirement is the connectors labels are not aligned properly(from screenshot one label is aligned in the middle and an another is at the right) and you need an label to be placed above the connector as shown in the below screenshot.



If so, you can achieve your requirement by using label’s offset, horizontalAlignment and vericalAlignment properties. Please refer the below code snippet.


JSPlayground link: https://jsplayground.syncfusion.com/vsegf2gs

Also you can refer our online Documentation to learn more details about label’s Alignment and how to change the label at runtime.

https://help.syncfusion.com/js/diagram/label#alignment

https://help.syncfusion.com/js/diagram/label#update-label-at-runtime


The segmented connector line does not break in the middle. Is there a possibility to implement custom segment routing
In the code behind, you can define connectors length property which allows to define the flow and length of segment. At runtime, you can perform segment routing by editing the patch segments.

Also you can change the connector segment appearance using updateConnector() Client side API method.

JSPlayground link: https://jsplayground.syncfusion.com/vsegf2gs

Please refer to the below online UG documentation link.

UG documentation link:https://help.syncfusion.com/js/diagram/connector#segments
Sometimes it is hard to draw connector on a port, the mouse keeps blinking and I need to navigate it very carefully to the port.
We are unable to reproduce the reported issue at our end. please provide us more details such as the use case in which you are facing this issue or video or modify the below JSPlayground link.

JSPlayground link: https://jsplayground.syncfusion.com/vsegf2gs

Video:https://www.syncfusion.com/downloads/support/forum/123182/ze/portvideorun797078727


Regards,
Kameshwaran R.

Loader.
Up arrow icon