Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
65
Org chart: right to left mode: make nodes identical width for matching levels
posted

When I use right to left mode (NodeFlowDirection="Left") I get the following chart

generated

Is it somehow possible to either make the second level items the same width without using fixed sizes as shown in the image below?

The main goal is to align the level three, so having different widths in level two but aligning the right hand side of level three would be fine as well.

Parents
No Data
Reply
  • 1500
    Verified Answer
    Offline posted

    Hello,

    You can assign data templates for each level of the hierarchy as itemTemplates, allowing you to customize nodes accordingly. 

    Once you have done that, you can calculate the maximum size a textbox would take based on the strings in your collection of the appopriate level you want to level, and assign this value to the width property of the textbox in the template.

    I have prepared a sample for further reference.

    Please let me know if you have other questions.

    Sincerely,
    Tihomir Tonev
    Associate Software Developer
    Infragistics

    OrgChartAlignedNodes.zip

Children
No Data