Align diagram root nodes one under the other

1 Answer 62 Views
Diagram
Iuliana Maria
Top achievements
Rank 1
Iron
Iuliana Maria asked on 24 Oct 2022, 01:46 PM

Hello,

We have a diagram with layered layout, aligned to right. The diagram can have one or more root nodes.

The problem is that when we have multiple roots, we want to align them one under another, instead, if they are not very long, they are aligned to the right of each other.

Is there a way to achieve this alignment? We searched documentation but didn't find any specific property.

I attach images of how the diagram looks now and how we need it to look.

 

Thanks,

Iuliana

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 27 Oct 2022, 08:38 AM

Hello Iuliana,

The most straightforward approach would be to split this Diagram with multiple roots to separate Diagrams and alight them next to each other.

Dojo demo: https://dojo.telerik.com/OXUVIjoy

Alternatively, I can suggest using the shapes position method to rearrange the outlying shapes after the layout is completed. 

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/diagram/shape/methods/position

Keep in mind this will require manual positioning of all Diagram shapes and will generate a huge code snippet.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Iuliana Maria
Top achievements
Rank 1
Iron
commented on 28 Oct 2022, 10:39 AM

Hi Nikolay,

Thank you!

Tags
Diagram
Asked by
Iuliana Maria
Top achievements
Rank 1
Iron
Answers by
Nikolay
Telerik team
Share this question
or