The adviser placement type controls assistants and advisers placement relative to the parent node, on the left or the right side of the parent's hierarchy in the organizational chart. In the case of the family diagram, the position is defined relative to siblings.

Annotation type defines the type of on-screen and in-layout annotation object. Annotations are geometrical figures drawn around or bound to existing nodes of the diagram.

The children's placement type enumeration defines the shape of children's formation. Control places children in a horizontal line below the parent node by default. In the case of many child nodes, this may result in the end-user having to scroll screens to view all of them. To compensate, we provide the option of placing all of the parent node's children in a square/matrix formation. That will reduce sideways screen scrolling by compacting the child nodes into a much smaller area on the screen.

Connector label placement type defines label placement relative to connector annotation endpoints. Connector annotation is bound and drawn between two nodes defined by the fromItem and the toItem properties. The label can be placed close to the start, end, or between them along the connector line.

Connector placement type defines style and shape of the connector line.

Connector shape type defines the number of lines and arrows at their ends drawn between nodes of the connector annotation. The possibility to draw single lines, combined with conflict resolution, which places overlapping annotations in parallel when they overlap each other, provides flexibility to create an infinite variety of parallel lines and styles between nodes.

The connector type option defines the base connection lines in the diagram. It is only applicable to nodes minimized to markers or lines. The templated nodes are always connected with squared connection lines

Elbow style of connection lines

Defines option state.

The group by type enumeration defines direction towards parents or children. For example, connection lines arrows direction can be towards parents or down towards children in the hierarchy. The other example is the placement of nodes close to their parents or children when we have multiple empty levels between parents and children of the node.

Horizontal alignment

The enumeration defines child nodes' placement relative to their parents. By default, all children of the same parent node are of the same rank and status are aligned below the parent in a horizontal line. However, for exceptional cases where the end-user wishes to have a child separate from the rest of its siblings, we provide custom child types that the end-user can use to place different ranking nodes anywhere around the parent node. These placement options give a lot of space for creating roles such as an Assistant, Adviser, various Partners, and co-heads in the organization.

Line style of connection lines.

It is possible to disable control interactivity depending on application requirements. The control implements the standard behavior of collection controls. It supports single node selection, mouse over visual feedback, and multiple node selection.

Neighbors selection method defines the neighbors of the cursor node in the autofit mode. The auto-fit mode replaces nodes with small markers to fit the diagram into the screen view. Small nodes fit the diagram into the screen space, but they have no details. So our solution is to show the cursor, neighbors, and selected diagram items with templates and draw all others as markers.

The orientation type defines diagram layout direction. The control can rotate diagrams in any direction; this is needed for Arabic support and other layouts.

The page fit method defines how the control fits the diagram into available screen space. When the diagram size is significantly larger than the screen space, its scrolling and navigation become problematic, so the component automatically fits the diagram into the screen space via rendering some of its nodes in the form of small markers. The control supports several page fit method options which can match your requirements depending on the diagram layout, orientation, and the number of nodes.

Defines element placement around the rectangular area it is bound to.

This enumeration is used to tell rendering callback functions the current state of the template. It is needed for proper events binding and content updates.

The selection path enumeration controls nodes visibility between the cursor node and the root of the diagram in the auto-fit mode. It forces drawing of them with templates.

Shapes

Text rotation

Defines update method of the diagram

Defines relation between two vectors

The vertical alignment defines nodes alignment inside row's vertical boundaries. If a row of nodes contains nodes of multiple sizes, small nodes are vertically aligned relative to their bigger siblings.

The enumeration defines nodes visibility in the diagram. If the diagram's auto-fit is enabled, this option controls the minimum allowed size of diagram nodes.

Z-order type defines the annotation layer in the foreground or the background of diagram nodes.