Hi, I'm working with the Kendo jQuery OrgChart widget and for some reason it is blowing up to a huge size and I haven't had any luck adjusting it. Here is a dojo of the data I'm working with (https://dojo.telerik.com/ibiniBuW). It doesn't seem to have many more nodes than the demos but it automatically takes up a huge amount of space. The dimensions seem to default to height: 2413px and width: 10399px no matter the size of the parent div.
I have tried resizing the div itself and then using styling on the k-orgchart-container class and neither method changed anything. I have also tried setting height, width, and chartArea from within the widget and none of those changes made any difference either.
Any help would be much appreciated, thanks!
1 Answer, 1 is accepted
Hello Lili,
Depending on the loaded data it is possible for the OrgChart to expand its width. The reason for the widget to expand its width that much is the symmetrical positioning and sizing of the items. It means that in each set of siblings all items should have the same width. The space between all OrgChart nodes on the same level is the same and it is equal to the horizontal space needed to show the child nodes of the parent. There is a related Feature Request for improvement the described appearance and below you will find a link to the item:
I would encourage you to cast a vote in its favor. We check the Feedback Portal regularly and based on community interest and our task queue we will consider adding the feature for future implementation.
Regards,
Lyuboslav
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/.