The layout_builder_base module provides you a plugin base to create complex Layouts. It can be used by developers as a base to save time and focus on your styling. This module also provides a submodule wich provides you different layouts that can be used to build pages.

The grid system provided by the module is based on CSS grid.

The module Bootstrap Layout Builder is quite similar and has a better interface. We recommend to use it.

FEATURES
------------

- Background (can be a color or a predefined image)
- Background Image (it is using inline CSS)
- Background Image Style
- Background position
- Background attachment
- Background size
- Background overlay
- Top/Bottom paddings
- Left/Right paddings
- Top padding
- Right padding
- Bottom padding
- Left padding
- Top/Bottom margins
- Left/Right margins
- Top margin
- Right margin
- Bottom margin
- Left margin
- Container (max-width)
- Content container
- Color (for the text)
- Alignment (for the text)
- Height (min-height - can be usefull for 100vh)
- Column gap
- Row gap
- Breakpoint to 1 column
- Columns width
- Modifier class (for special logic)
- 2 Columns layout
- 3 Columns layout
- 4 Columns layout
- Customizable layout (autofit, 2/3/4 columns)
- Align items
- UI to change default values and change the options for the properties.
- Options can be managed through config export/import

REQUIREMENTS
------------

The requirement is that you already have installed the module layout_builder and layout_discovery from Drupal core.

The module requires PHP 7 or higher.

CONFIGURATION
-------------

1. For site builders

Use the predefined layouts that the module provides. In order to use them, you have to enable layout_builder_base_library.

Visit /admin/config/content/layout_builder_base and configure the different
options if you want to change the default values or override the choices.


2. For developers

We recommend to use the layouts provided by the layout_builder_base_library module. The module allows you to change default values and options. If you need more complex things, please look at the README file which provides detailed instructions.

There are hooks that allows you to modify/add options. The list of the hook is available in layout_builder_base.api.php

SIMILAR MODULES
------------

  • layout_builder_styles: This modules allows to select a style in a dropdown for your layout. The main difference is that layout builder base allows you to create and alter the look of the layout, when layout_builder_styles will propose you a predefined look that you have to code because it doesn't come with any CSS. If you need contribution simplicity go for layout_builder_styles, if you need flexibility go for layout_builder_base.

ROADMAP
------------
- #3137076: Support none value for override values

Don't hesitate to create issues for new ideas!

Project information

Releases