This is a migrated thread and some comments may be shown as answers.

Gliding Connectors changed as soon as shape is moved

3 Answers 92 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
panosk
Top achievements
Rank 1
panosk asked on 29 Jul 2019, 09:43 AM

I want to give the user the option to use Gliding connectors, i have enabled them by giving my shapes the property 
<Setter Property="UseGlidingConnector" Value="{Binding GlidingEnabled , Mode=TwoWay}"/>

and then letting the user change the GlidingEnabled value from the UI, and that works fine.

But then as soon as one shape is moved the connector is reset (note that i am also using the classic connector style (Bottom,Top,Left,Right,Auto) by default. Maybe there is a conflict? Also im using the AStarRouter for routing the connections)

Is there something i can do to lock the gliding connector position when it is created ? Or is that against its logic?

3 Answers, 1 is accepted

Sort by
0
Vladimir Stoyanov
Telerik team
answered on 01 Aug 2019, 09:26 AM
Hello Panos,

Thank you for the provided pictures. 

Speaking generally, when the UseGlidingConnector property is true, the default connectors are not visible. In that case, the connection is made with the closest point of the target shape. I checked out the provided pictures, however only the Auto connector and the Resizing thumbs are visible on the second one, which is the expected behavior when the UseGlidingConnector property is True.

That said, I tested the described behavior of the connector resetting in the GlidingConnector SDK example, however I was not able to reproduce it. Can you check out the SDK example and see how it differs from the setup on your end?

Should you need any further assistance, please modify the SDK example in order to demonstrate the observed on your end behavior or prepare a sample project of your own. You can send it over in a new support ticket (since .zip files cannot be attached to a forum thread) and we will investigate it.

Regards,
Vladimir Stoyanov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
panosk
Top achievements
Rank 1
answered on 01 Aug 2019, 01:07 PM

My problem is present in your project too, try connecting two shapes with more than one connection, they all overlap.

I have set the AvoidConnectionOverlap property of AStarRouter to true, so in my situation maybe thats why when the links are firstly created they dont overlap immediately . But as soon as i move the shape they tend to overlap, thats why i thought maybe fixing the gliding connector 'true' position in one place (without the use of custom connectors) when it is created might solve the problem.

0
Vladimir Stoyanov
Telerik team
answered on 06 Aug 2019, 10:40 AM
Hello Panos,

Thanks for the update. 

I am afraid that the gliding connector cannot be fixed as its idea is to move around the shape. When the UseGlidingConnector property is true and two shapes are connected and moved around, the connections will always be attached to the nearest edge.

That said, I can suggest setting the UseGlidingConnector to false and setting the UseFreeConnectors property of the RadDiagramConnection to True. This way the connectors will not be overlapping. Please, give this a try and let me know how it goes.

Regards,
Vladimir Stoyanov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Diagram
Asked by
panosk
Top achievements
Rank 1
Answers by
Vladimir Stoyanov
Telerik team
panosk
Top achievements
Rank 1
Share this question
or