Large Organizational Chart / Hierarchy Navigation Demo

In order to make possible navigation of large hierarchies, widget folds as many nodes as needed in order to fit chart into available screen space.

Widget shows full size cursor item and its immediate children and parents, so user can click them and navigate further around current cursor item.

Widget supports selected (checked marked) items collection, all of them stay in full size so user can see them all the time during navigation around hierarchy.

Auto Layout Options

Page Fit Mode defines rule of fitting chart into available screen space. Set it to None if you want to disable it.

Orientation

Items Vertical Alignment

Items Horizontal Alignment

Leaves placement defines layout shape for items having no children.

Minimal nodes visibility

Selection Path Mode sets visibility of items between cursor item and root.

Default Template Options

User buttons

Selection check box

Minimized Item (Dot, Marker)

Corner Radius: 

Size: 

Highlight Padding: 

Marker Type

Line width: 

Line type

Border color: 

Fill color: 

Opacity: 

Vertical Intervals Between Rows

Normal: 

Dotted: 

Lined: 

Horizontal Intervals Between Items in Row

Normal: 

Dotted: 

Lined: 

Cousins Multiplier: 

Connectors

Arrows Direction

Connectors

Connectors Elbows Type

Line type

Color: 

Line width: 

Labels

Show Labels

Label Orientation

Label Placement

Rendering Mode

Graphics