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

Shapes of type "Path" do not calculate well boundaries for connectors

  I am trying to create some diagrams using several type of shapes
in particular I need to create complex shapes and, for that, I am using the Path shape type

I then need to connect several nodes using connectors. For this I use the SourceNode and TargetNode proprerties.

I am using the ejDiagram control, and I use the MVC helper to produce the rendering.

The problem is that, when I use the normal rect shape, it does calculate well the connector overlapping, but when I use the path shpae type, it does not overlap well (srangely, only from one or two sides of the shape, while the others does work well

The problem arises in all browsers (I have tried IE11, Chrome 39.0.2171.95 and Firefox 34.0.5
I am using Essential Studio  (2014 volume 3 ?) which I downloaded as trial from Syncfusion site (I have bought the enterprise edition from your italian reseller two days ago and I am waiting fro the delivery of the license)

in the attachment an example in which you can see that:

Node "3" is a normal Rect shape and it does work well
Node 1 is a Path with the following string: "M0,0h80v40h-80z" and it overlaps only connectors entering (or exiting) on the right side
Node 4 (and similars) is a Path with the following string: "M0,0h5v40h-5zm5,0l70,0l0,40l-70,0zm70,0h5v40h-5z" and it overlaps connectors entering (or exiting) on the right side. It also overlaps connectors on the left side, but only up to the second vertical bar in the left

Attachment: PathConnectorsOverlap_cd797fb3.zip

1 Reply

SG Shyam G Syncfusion Team December 31, 2014 04:34 AM UTC

Hi Dario

Thanks for using Syncfusion products.

The issue reported by you has been fixed in our Volume 4 2014 release and the same can be downloaded from the following location.


Please get in touch with us if you would require any further assistance.


Shyam G

Live Chat Icon For mobile
Up arrow icon