Basic primitives org chart collapse / expand

[amit08255]

• How do you handle expansion and collapsing of cards programmatically?

• The default behavior of basic primitives is to collapse other nodes when you go deep on a node. How to handle this behavior so that cards doesn't collapse automatically?

• How to collapse all cards in orgchart? and How to collapse all cards in orgchart except root?

[BasicPrimitives]

1. The control is a View of the Items collection on the ViewModel. The Items collection is not supposed to contain the entire database of your nodes. It is the application's responsibility to maintain the required set of nodes in the Items collection. The application should remove or add nodes to the Items collection to collapse or expand nodes.

Look at Dynamic Organizational Chart Nodes Loading demo
https://www.basicprimitives.com/dynamicloading
https://github.com/BasicPrimitives/react-demo/blob/master/client/src/containers/DynamicLoading/DynamicLoading.js
https://github.com/BasicPrimitives/react-demo/blob/master/client/src/redux/modules/demos/dynamicloading.js

2. The component support rendering of nodes in the form of markers. We explain this feature in the introduction and video:
   https://www.basicprimitives.com/
   https://www.basicprimitives.com/videos

3. Set cursor item to the root node id to keep the root node in the expanded form. Component expands cursor neighbors as well,

4. All nodes in the selected items collection stay in the expanded form. Selection checkboxes help add/remove nodes to the selected items collection, so users can browse and pin individual nodes by selecting them to keep them expanded in the diagram.

5. Set the minimumVisibleLevels property to control the number of expanded levels.

6. If the component has enough space to display all nodes, it will auto-expand them.