“How can I build the hierarchy using layout and subLevel together?”

[emirhantekik]

Hi

Currently my chart looks like this:

https://code.balkan.app/sublevels-and-layout#JS

But I would like it to look like this:

I am trying to create a hierarchy using the tags structure based on the staffGroup values.

'Uzman': { subLevels: 2 }, 'Uzman Yardımcısı': { subLevels: 3 }

when I define it like this, the nodes are displayed side by side.
What I actually want is for these groups to appear vertically aligned according to the hierarchy. I need to display the staffGroup values Uzman, Uzman Yardımcısı, and Eleman vertically under Yönetmen, but still aligned according to the chart’s hierarchy.

Can I apply subLevel to nodes when OrgChart.MIXED_LAYOUT_ALL_NODES = false, so that their Y-axis hierarchy is still preserved without changing the vertical alignment?

[ZornitsaPesheva]

Hi @emirhantekik
I have created this example for you:
https://code.balkan.app/orgchart-js/issue-891#JS

[emirhantekik]

Thanks, I applied this solution, but I still have a few questions for your team.

first:

https://code.balkan.app/orgchart-js/issue-891#JS
When I add { collapse: { level: 3 } }, I want the behavior to look like this:

What I need is:

The hidden template nodes should act only as structural placeholders.

Even though they are hidden, their children should still be visible when the collapse level condition is met.

second :

How can I hide and then re-show the connector paths of hidden templates?

Currently, when I use a hidden template, I cannot display the children under it. Since the hidden template itself is invisible, its connector path still remains visible. I would like to be able to hide these paths when the hidden node is hidden, and re-show them when needed.

third :

When ı added fullscreen in toolbar, fullscreen mode is always dark mode. how can ı change fullscreen mode

[ZornitsaPesheva]

1. You should set a custom collapse
2. OrgChart.templates.hiddenTemplate.link = '';
3. This is fixed. Thank you for reporting it.