Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 27 Jun 2025 10:10 by ADMIN
Derek
Created on: 26 Jun 2025 14:16
Category: OrgChart
Type: Feature Request
0
Kendo React OrgChart horizontal spacing

Hi,

Is there any way to configure the horizontal spacing of the Kendo React OrgChart?  When I render the chart there are huge gaps in between the cards.. I have enclosed a screenshot below.  It appears that the space given to each "column" is the same (is determined by the "widest" column, on the left in my diagram).

This is really unpleasant and unusable.  I see from Google searches that the Kendo jQuery component suffers the same problem.  I really hope you can help me resolve this or publish a fix soon.  This OrgChart component is one of the reasons I purchased the suite, and it is disappointing to uncover this problem after my trial.

thanks, Derek


1 comment
ADMIN
Filip
Posted on: 27 Jun 2025 10:10

Hello, Derek,

The issue stems from how the OrgChart arranges each level based on the total width required by the expanded parent's child nodes. For example, if the child nodes of Parent1 span 1000px in width, the same width will also be applied to the child nodes of Parent2, even if Parent2 has fewer children. I fully agree that this behavior is not ideal, but given the current implementation of the OrgChart, this is the only available rendering approach and, unfortunately, there is no workaround we can offer at this time.

I have converted this thread to an official feature request and added your vote for convenience. We will be monitoring the community's interest.

Regards,
Filip
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category