symbol overlaping

[Lai Yong Law]

I am refering the OrgLayout sample inside Diagram.web to display something like organization chart. But sometimes the symbol will overlaps. Any solution?

diagram_renderer.zip

[Meera Fathima]

Hello Ly,

If your intension is to increase the horizontal spacing between the layout nodes in order to avoid the overlapping, please use some large value to the Layout manager's HoriZontalSpacing property. Below is the sample code snippet for your reference.

Orglayout sample :

protected DirectedTreeLayoutManager dtLayoutMgr;

this.dtLayoutMgr = new DirectedTreeLayoutManager();
this.dtLayoutMgr.HorizontalSpacing = 100;

Please let me know whether this helps you.

Thanks and Regards,
Meera.

[Lai Yong Law]

Still the same problem. I think the HorizontalSpacing value actually not being use inside the layout manager.

[Meera Fathima]

Hello Ly,

I have tried setting different values for the LayoutManager.HorizontalSpacing and it is affecting the spacing between the layout and so I was not able to reproduce the issue. Below is the sample code snippet( from the My Documents\Syncfusion\EssentialStudio\5.1.0.51\Web\diagram.web\Samples\2.0\OrgLayout\CS sample) for your reference.

protected void Page_Load(object sender, EventArgs e)
{
if (this.IsPostBack == false)
{
this.dtLayoutMgr = new DirectedTreeLayoutManager();
this.dtLayoutMgr.VerticalSpacing = 40;
this.dtLayoutMgr.HorizontalSpacing = 100;
this.DiagramWebControl1.LayoutManager = this.dtLayoutMgr;

//Initialize the DiagramWebControl with employee data from an XML data file
this.InitializeDiagramFromXMLData();
//... code here
}
}

Are you using anything specific in your LayoutManager? If possible could you please send me the sample to see the problem if you still find any issues with this.

Thanks for your continued support.

Best Regards,
Meera.