LineConnector on manual layout diagram

I did a wpf manual layout diagram .

the node content is a datatemplate of an image and a textbox

but when I use LineConnector to connect two nodes with ConnectorType Straight , there is a space between the begining of the line and the headnode and there is also space in the end of the line betwwen the tailNode.

I would like the line to connect with no space from one point to another point.






3 Replies

RT Ramya Thirugnanam Syncfusion Team December 21, 2011 10:23 AM UTC

Hi Victoria,

We are unable to reproduce the issue with LineConnector. We have created a simple to represent this. Please refer to the sample from the attachment.

Note: Space between Node and a LineConnector can be adjusted using ConnectionEndSpace. The default value of this property is 6.

If you feel still this issue exists, please get back us with simple sample to reproduce the issue.

Please let us know if you have any concerns.
Regards,
Ramya





ManaulLayoutdiagram_da437b94.zip


DO donna December 22, 2011 06:31 AM UTC

In the example attached the Image has border and the shape of the node is
roundedRectangle.

but in my diagram I have a DataTempalte which has Image and textBlock with no border and no definition for node.shape because I

want the node to be an image with nothing Surrounding it.

when selecting the node ,the image is Surrounded by a rectangle.

I put allowselect = false and isselected = false in order not to see the rectangle , but when the image is small (width =50 and height = 50 ) , when I connect two nodes , the line stops when it reaches the rectangle(even if the rectangle is not visible ) and not the image , so it looks like there is a space betwwn the line and the image.



RT Ramya Thirugnanam Syncfusion Team December 23, 2011 05:07 AM UTC

Hi Victoria,

We have created a simple sample to represent your requirement. please refer to the sample from the attachment.

Please let us know if you have any concerns.

Regards,
Ramya




ManaulLayoutdiagram_88c5230.zip

Loader.
Up arrow icon