Layout Components

This module is a extension of "Layout Builder" and provides a complete package of components and new features integrated with that system, functionality that is available on Drupal 8 and is already fully supported by Drupal 9.

With this module we want to extend the user experience by creating an improved interface, much more customizable and with aspects that are essential for us, such as the live preview of the changes while editing the content.

Layout components provides the editor with a series of components already created and available to be used out of the box.

For the experts, the module provides an API where you can add your own fields and get the benefits from all the customization that the module adds to the platform.

Examples of structures

The following examples have been generateds by the module automatically without twig.

Basic

Infinite

It is possible to generate structures within each column.

Features

Sections

• Dynamic column selector
• Dynamic column changer
• Section type
• Bootstrap column size selector (sm, md, lg)
• Section background image
• Section background color
• Section Sizing (Full width, Container, Title container)
• Section Height type + size (dynamic, custom)
• Section top padding
• Section bottom padding
• Section classes
• Section attributes
• Title
• Description
• Title color + opacity
• Title type
• Title align
• Title size
• Title border (Color, Opacity, Size, Type)
• Title spacing
• Custom classes
• Custom attributes

Colums

• Column title (Type, Color, Size, Align, Border)
• Column border (Type, Size, Color, Radious)
• Column background color
• Column paddings
• Column classes

Components

• Accordion
• Button
• Card
• Countdown
• Iframe
• Image
• Social links integration
• Tabs
• Text
• Title
• Video
• Slick integration (View selector and Section Columns)
• View Carousel integration

Extra

• LC Commands to import/export blocks in displays
• Global section/column configuration
• Sub sections in columns

Releases

Right now the 3.x version is the same as 8.x-1.x and is not required anything to change to new version, only the new will receive the future updates so we recommend port all your projects to new version.

Help Us

All our collaborators dedicate extra time in addition to their working hours to help in the resolution and implementation of new functionalities completely free.

We are very happy with what we do but any help is welcome.

Do you want to become our partner? Help us to continue improving from this PayPal link or using the QR code: