How to show organization chart in vertical Layout.?

I am trying to use Org structure but the problem is if you have a number of nodes then is it is expanding horizontally. Can we show 5-6 nodes in one line? and rest node in the next line.

I have one more question. Can we bind data in XAML itself instead of code behind.?


7 Replies

DS Devaraj Sekar Syncfusion Team February 12, 2020 06:19 AM UTC

Hi Mosin, 
 
Thank you for contacting Syncfusion support. 
 
S. No 
Query 
Answer 
1.        
Number of nodes then is it is expanding horizontally. Can we show 5-6 nodes in one line 
The mentioned support “Org chart layout in Vertical orientation” is feasible in SfDiagram. The mentioned support can be achieved by assigning TreeOrientation property as LeftToRight or RightToLeft option.  We have prepared a sample based on the mentioned requirement which can be downloaded from the below link. 
 
Sample link: Sample  
  
2.        
Can we bind data in XAML itself instead of code behind 
Yes, the mentioned support “Layout using XAML” is feasible in SfDiagram. The above provided sample demonstrates the mentioned support. Please refer the below mentioned UG documentation for more information. 
 
UG link: Layout using XAML  
 
 
Kindly let us know if you require any further assistance. 
 
Regards, 
Devaraj S 



MO Mosin February 13, 2020 06:13 AM UTC

Hi Devraj,

Thank you for your response. I went through a given sample.  Actually my requirement is for Organization structure in Top to Bottom manner. If any parent has more children then I want those children in the next line instead of Horizontal Scroll.

For Example, If any Parent Node has more than 10 child node then I want to show only 3-4 in one row and rest in the next two rows something in those lines. Kindly let me know if we can achieve this.


DS Devaraj Sekar Syncfusion Team February 14, 2020 10:52 AM UTC

Hi Mosin, 
 
Thank you for the update. 
 
The mentioned layout design is not feasible in SfDiagram. The behavior of SfDiagram layout is all  child nodes will be arranged either horizontally or vertically orientation to their respective parent node in the diagram layer in Organizational chart. Kindly provide us the details information about your requirement, design layout or sample screenshot which will be helpful for us analyze further and to provide a prompt solution at earliest. 
 
Regards, 
Devaraj S 



MO Mosin February 14, 2020 01:45 PM UTC

Hi Devraj,

Thank you for your response.

I want to implement the same organizational structure like the Microsoft Team. If you can provide me a solution for this it will be very grateful for us. Kindly update me on this ASAP.


DS Devaraj Sekar Syncfusion Team February 17, 2020 12:51 PM UTC

Hi Mosin, 
Thank you for the update. 
  
We are analyzing the feasibility of your requirement "Organizational chart likes Microsoft Teams using Xamarin SfDiagram"  
and will update you the analysis details on 19th February 2020. 
  
Regards, 
Devaraj S 



MO Mosin February 25, 2020 06:52 AM UTC

Hi Devraj,

Any update on this open Issue?


DS Devaraj Sekar Syncfusion Team February 25, 2020 06:07 PM UTC

Hi Mosin,

Sorry for the inconvenience caused.

As analyzed further, using SfDiagram we can achieve only the design layout in organization chart as mentioned below.



Kindly let us know if the mentioned design layout fulfill your requirement or let us know if you require any further assistance.

Regards,
Devaraj S


Loader.
Up arrow icon