Site Structure Layout

Warning: This is in active development and will most likely have breaking changes in future.

Visulaizes a hierarchical table of webpages based on parent-child relationships, allowing users to intuitively explore and manage a site strcuture in Directus.

Site Structure Layout

Usage

  1. Once installed, open a collection that has a configured heirarchy
  2. Click the layout options in the right side toolbar
  3. Change the layout to “Site Structure”
  4. Choose the fields and templates for use with this layout

Requirements

  • Directus 11.1.2+
  • Admin user to install the extension
  • Parent (M2O) relational field linked to the same collection
  • Children (O2M) relational field linked to the same collection and field used for the Parent relation.
  • Sort field on the collection

Installation

Refer to the Official Guide for details on installing the extension from the Marketplace or manually.