Directus Extension Grid Layout

Overview

Directus Grid Layout Extension is a custom display type that enhances the way data is displayed in Directus. It allows users to present data in a grid layout that is both intuitive and visually appealing. This extension is developed by CodiHaus.

Features

• Enhanced Data Display: Directus Grid Layout Extension improves the way data is presented in Directus by allowing users to display it in a grid layout.
• Intuitive Interface: Users can easily select the grid layout option from the right sidebar, making it simple to switch between different display types.
• Customizable Configurations: The extension provides additional configurations that allow users to select the data to be shown on each item in the grid.

Installation

Installation via npm

1. Open your Directus project at the root level.
2. Run the following command:

npm i directus-extension-grid-layout

Installation by Compiling

1. Clone the Directus Grid Layout Extension repository.
2. Navigate to the repository folder.
3. Run the following command:

npm run build

4. Copy the index.js file from the dist/index.js folder to the /directus/extension/directus-extension-grid-layout folder.
5. Restart your Directus instance to apply the changes.

Summary

Directus Grid Layout Extension is a powerful tool that enhances the way data is displayed in Directus. With its intuitive interface and customizable configurations, users can easily create visually appealing grid layouts for their data. The extension is available for installation via npm or by compiling the source code.