Tree View Layout (Directus Extension)

Organize and visualize collections of items in a clear, hierarchical tree structure. Improve navigation and understanding of relationships.

Setup

Note: To prevent false updates on main collection itself, this extension creates a seperate collection.

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/c9eaada1-7737-4c2b-8372-2f1bb98e7b0a

Features

1. Drag & Drop Sorting

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/12a29212-036a-4f1b-b191-09527c34ee3f

2. Grouping

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/b124aabf-6469-4f1c-8765-472bd2c39ac0

3. Bubbling changes

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/c261e934-2219-48d5-a632-a8394089e0d9

4. Custom indentation

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/690acc7f-3175-46c0-8424-c3c1d52d5ccb

5. Rember collapsed items

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/12e17e46-bc6f-49c5-ba5d-7b0e03ddc337

6. Autogenerate Slug & Path

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/1ae88b93-5d3a-4fb6-bb1c-5840b78b1b2a

7. Handling Permissions

https://github.com/pticon91/directus-extensions-dcb-tree-view-bundle/assets/40200653/d2c0c479-14d3-4135-9e29-5774c88f3db9