1. Home
  2. Forum
  3. Angular - EJ 2
  4. Custom layout

Custom layout

Hello,

I'm trying to do a POC for my final project and I need to do some diagrams, my issue is that I can't find the solution to align my diagrams in the way I want. I'm using Angular 8.2.

here is my layout config : 



Here is what I would like to have as an automatic layout (using mock data)



Here is what I have at the moment :



Thank you in advance.

5 Replies 1 reply marked as answer
AR Aravind Ravi Syncfusion Team August 12, 2020 11:09 AM UTC

Hi Benjamin,  
  
By default, in the complex hierarchical tree the child are get aligned as shown in an image2. As per our complex hierarchical tree algorithm the child in ComplexHierarchicalTree gets arranged as shown in image 2. Currently, it is not possible to align the child in complex hierarchical tree as shown in image 1. In our end we have written the complex tree algorithm to align the child to left side of parent when parent in left side and right side of parent for parent in right side. So we do not have any plan to change the complex hierarchical tree algorithm.  
  
Regards  
Aravind Ravi  
 


BM Benjamin MALBREL August 12, 2020 01:08 PM UTC

Hello Ravi,

Is there anyway to fix the first row like in the images as follow (even with another layout) : 



In my use case I'll never have more than 2 rows and I feel like it will be easier for the user to see diagrams like that.

Regards

AR Aravind Ravi Syncfusion Team August 13, 2020 03:40 PM UTC

Hi Benjamin, 

In the diagram, if you do not have any multiple parents for the child means then you can use the OrganizationalChart layout in the diagram instead of the ComplexHierarchicalTree. However, in the organizational chart for node without child only align as shown in image.  

 

By default, if the node has child means then it gets aligned on the top and bottom of the layout as per our layout algorithm. We could not able to align the node in straight or linear way. We do not have any plans to change the algorithm for the complex hierarchical tree. 

We have attached a sample for your reference. Please find the sample in below link 


Regards 
Aravind Ravi 


Marked as answer
BM Benjamin MALBREL August 14, 2020 08:09 AM UTC

Thank you for your answers, I'll try to do what I can with that.

Regards

AR Aravind Ravi Syncfusion Team August 14, 2020 10:06 AM UTC

Hi Benjamin, 

Thanks for the update 

Regards 
Aravind Ravi 


Loader.
Up arrow icon