Diagram Layout & Routing

[Hamed]

I Have an Organization chart which i want to look exactly like the file I've attached (this is telerik's doc figure).

What I see is a route started from bottom of parent shape to top of child shape as I've marked with TipOverTree.

What I Want is a route Started from bottom of parent to Left of child, as i marked with What I WANT.

Could anyone help me?
Thank you

[Petar Mladenov]

Hello Hamed,

There are several thing you need to ensure when you set up TipOverTree Router and Layout. Please check out the attached project in which there is an isolated TipOverTree solution. The key moments are:

• Configure connectors for TipOverTree - check functions PopulateConnectorCollection() and EnsureConenctors()
• Configure both layout and routing - check PrepareAndLayout() method
• improve performance by skipping some of the connection updates: 

  his.diagram.Connections.ForEach(x => RadDiagramConnection.SetIsAutoUpdateSuppressed((RadDiagramConnection)x, true));
              this.diagram.Layout(LayoutType.Tree, settings);
              this.diagram.Connections.ForEach(x => RadDiagramConnection.SetIsAutoUpdateSuppressed((RadDiagramConnection)x, false));
              this.diagram.Connections.ForEach(x => x.Update());
          }

We hope this helps.

Regards,
Petar Mladenov
Telerik

 

 

[Petar Mladenov]

Hello Hamed,

I am attaching second solution which uses AStarRouter instead of the OrgTreeRouter. We believe AStarRouter is easier to setup. After Layout we invoke a small function which configures to which connectors the connections should attach. However, please have in mid that the connections will not be so straight (with little connection points , corners) with this kind of router.

Regards,
Petar Mladenov
Telerik