Layout

Node Levels

You could set the node level, using the tags property subLevels. The value of the subLevels sets how many levels to go down the particular node.

More about tags you can read on our Tags documentation page.

Edit in BALKAN Code

OrgChart.normal (the default layout)

Edit in BALKAN Code

Mixed Hierarchy

If you want to use verical and horizontal layout in order to optimize the space set layout to OrgChart.mixed, OrgChart.tree, OrgChart.treeLeftOffset and OrgChart.treeRightOffset

OrgChart.mixed

Edit in BALKAN Code

OrgChart.mixed with MIXED_LAYOUT_ALL_NODES = false

Edit in BALKAN Code

OrgChart.tree

Edit in BALKAN Code

OrgChart.treeLeft

Edit in BALKAN Code

OrgChart.treeLeftOffset

Edit in BALKAN Code

OrgChart.treeRight

Edit in BALKAN Code

OrgChart.treeRightOffset

Edit in BALKAN Code

Mixed Layout for nodes with collapsed children

Edit in BALKAN Code

You can say after what number of children to change the layout

Edit in BALKAN Code

Sublevels with layouts

Edit in BALKAN Code

Grid layout

Edit in BALKAN Code

node-layout event

You can have different layouts in the different branches (changing args.layout):

Edit in BALKAN Code

You can have different layouts for every node (changing args.layouts):

Edit in BALKAN Code

Here we have an example that is changing args.layout and args.layouts on "layout" event to create more custom layout.

Toolbar

You can use the Toolbar buttons to open the Layouts options:

Edit in BALKAN Code