new Layout(oNode)
The Layout class is responsible for arranging the node and its visible-descendants (including expand/collapse glyphs) to an exontrol.M1 collection, and calculates the layout's size and union. The control's layout is automatically updated once the node's layout is changed (for instance when the node is expanded/collapsed). The Layout object holds a map of visible nodes to their rectangles into the view. The control supports different types of layout and arrangement, such as vertical, horizontal, tree and horizontal-tree layouts. The OrgChart.Flow property defines the default layout/arrangement for the nodes, and each node can override it by its own flow using the Node.Flow property.
Parameters:
| Name | Type | Description |
|---|---|---|
oNode |
Node | Specifies an object of Node type. |
Members
(static, readonly) FlowEnum :string
The Layout.FlowEnum type specifies the flow and arrangement of the node and its descendants nodes. The OrgChart.Flow property specifies the flow of the whole chart, while the Node.Flow property specifies the flow for the node and its descendants (overrides the chart's flow). The flow defines the direction of the child and assistant nodes, as well as the arrangement of the group nodes. The Margins property defines distance between nodes.
Type:
- string
Properties:
| Name | value | Type | Description |
|---|---|---|---|
exFlowVertical |
flowVertical |
string | The exFlowVertical indicates that any assistant or child-node goes down, while any group-node goes right. The vertical flow is the default flow for the chart and for any node that doesn't have a specific flow assigned. The vertical flow is suitable for organizational charts that have more levels than positions at each level, as it emphasizes the hierarchy levels. |
exFlowHorizontal |
flowHorizontal |
string | The exFlowHorizontal indicates that any assistant or child-node goes right, while any group-node goes down. The horizontal flow is suitable for organizational charts that have more positions at each level than levels, as it emphasizes the positions at each level rather than the hierarchy levels. The exFlowHorizontal arrangement is similar to the vertical flow, but rotated 90 degrees, so it indicates that any assistant or child-node goes right and indented down, while any group-node goes down. |
exFlowVerticalTree |
flowVerticalTree |
string | The exFlowVerticalTree indicates any assistant or child-node goes down and indented to right, while any group-node goes right. The vertical tree flow is suitable for organizational charts that have more levels than positions at each level, as it emphasizes the hierarchy levels, while also emphasizes the positions at each level by indenting child and assistant nodes to the right. The exFlowVerticalTree arrangement is similar to the vertical flow, but with an indentation for child and assistant nodes, so it indicates that any assistant or child-node goes down and indented to right, while any group-node goes right. |
exFlowHorizontalTree |
flowHorizontalTree |
string | The exFlowHorizontal indicates any assistant or child-node goes right and indented down, while any group-node goes down. The horizontal tree flow is suitable for organizational charts that have more positions at each level than levels, as it emphasizes the positions at each level rather than the hierarchy levels, while also emphasizes the hierarchy levels by indenting child and assistant nodes down. The exFlowHorizontalTree arrangement is similar to the horizontal flow, but with an indentation for child and assistant nodes, so it indicates that any assistant or child-node goes right and indented down, while any group-node goes down. |