- Home
- Forum
- Angular - EJ 2
- 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.

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.
SIGN IN To post a reply.
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.
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
Regards
AR
Aravind Ravi
Syncfusion Team
August 14, 2020 10:06 AM UTC
Hi Benjamin,
Thanks for the update
Regards
Aravind Ravi
SIGN IN To post a reply.
- 5 Replies
- 2 Participants
- Marked answer
-
BM Benjamin MALBREL
- Aug 11, 2020 01:15 PM UTC
- Aug 14, 2020 10:06 AM UTC