Dynamic Layouts

Info

This 'Layout Builder' module can be used to create/manage reusable layouts, which can be used in Display Suite, Panels & the Drupal Core Layout Builder.

Features

• Create and manage multiple reusable layouts in a user friendly interface
• Add/remove/edit rows and columns
• Set the width of each column
• Add custom classes to each row or column
• Set a list of predefined classes, which can be selected per column
• Ability to give each column a custom name, which will be shown in Display Suite & Panels
• Ability to choose a frontend library:
  • Bootstrap (v4)
  • Custom (6,8 or 12 grid)

Requirements

• Drupal core version: >= 8.3.0
• A module that consumes layouts:
  • Display Suite
  • Panels
  • Drupal core Layout Builder
  • Or any other project that consumes layouts.
• When you choose Bootstrap (v4) as your frontend library:
  • Install the Bootstrap library module to implement bootstrap in the frontend of your website and select the v4 version.
  • Implement Bootstrap (v4) in your (custom) theme.

We are using the Layout API derivatives plugin system to create the layouts and make them available in Display Suite & Panels.

Installation

Install as you would normally install a contributed Drupal module. See:
https://drupal.org/documentation/install/modules-themes/modules-8 for further
information.

Configuration

When you enabled the module, you have the option to select your Frontend library (Bootstrap or custom). After selecting the library, you can add a new layout where you can manage your rows and columns. You can configure the width of a column, set custom classes and give each column a name.
When the layout is saved, it will be available in Display Suite, Panels & Drupal core Layout Builder

Sponsored by