Dynamic Layouts

Info

This Drupal 8 "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:

Requirements

  • Drupal core version: >= 8.3.0
  • A module 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


Youwe

Supporting organizations: 
Sponsoring and support
Sponsoring and support
Sponsoring and support

Project information

Releases