Varbase Layout Builder

Provides default configuration and enhancements to utilize Drupal core's Layout Builder.

Utilizing the Bootstrap Layout Builder module. Optimized for Varbase standard layouts and styling configurations. Having custom Layout options, and custom styling plugins.

Varbase Layout Builder Module

Varbase layout builder features are bundled through the Varbase Layout Builder module. GitHub: https://github.com/Vardot/varbase_layout_builder Drupal.org: https://www.drupal.org/project/varbase_layout_builder

After building a project using the varbase-project template, you can see the code of the Varbase Layout Builder module in:

project_directory
|-- docroot
    |-- modules
        |-- contrib
            |-- varbase_layout_builder

Brings in the following core and contributed modules to your site:

Module	Purpose
Layout Builder (in Drupal core)	Allows users to add and arrange blocks and content fields directly on the content.
Layout Builder Restrictions	Manage which fields & layouts are available in Layout Builder
Entity Blocks	Let site administrators place content entities as blocks.
Block Form Alter	Provides block form alter functions
Media Library Form API Element	A Form API element to select / add new media item.
Bootstrap Layouts	This module is going to generate layouts with Bootstrap grid system.
Layout Builder Blocks	Add UI styles support to blocks from Layout Builder module.
Layout Builder Modal	Open blocks in a modal in the Layout Builder UI.
Layout Builder Block Sanitizer	Clean up Layout Builder layouts of non-existent blocks.
Layout Builder Asymmetric Translation	Allows to have separate layout overrides per translation.
Layout Builder Component Attributes	Allows editors to add HTML attributes to Layout Builder components (blocks)
Layout Builder UX	Alters the Layout Builder UI for better usability
Layout Builder Library	Provides a library of layouts for content-editors to select from
Section Library	Create reusable templates for single or multiple sections at the layout builder.
Bootstrap Styles	Add a plugins builder and a collection of reusable plugins to the Layout Builder module.
Bootstrap Layout Builder	Add Bootstrap Grid support to Layout Builder module.

Used Varbase Components

Varbase Media Module

Manages type of media contents and entity browsers in the site.

pageVarbase Media

Sub Modules

Varbase Landing Page (Layout Builder) Module

Having a Landing page (Layout Builder) content type and related configuration. To be used for building pages with custom sections and layouts to display content in a modern way.

pageVarbase Landing page (Layout Builder)

Utilizing a number of block types to be used in layout builder displays.

Varbase Heading block Module

A heading block is used to add headings to your page or sections. Headings help structure your page making your content easier to read by humans and search engines.

pageVarbase Heading Block

Varbase Rich text block Module

A rich text block contains a title and a body with a rich text format.

pageVarbase Layout Builder

Varbase HTML code block Module

An HTML Code block contains a title and a body with an HTML text format.

pageVarbase HTML Code Block

Varbase Media (image/video) block Module

A media block contains a title and media.

pageVarbase Media (Image/Video) Block

Varbase Gallery block Module

A gallery block contains a title and a gallery of images and videos.

pageVarbase Gallery Block

Extra Layout Styling Options

Varbase Layout Builder add more layout settings. And more styling plugins.

Block Alignments

Vertical and horizontal alignments for all blocks in a section.

Edge to Edge Background

Having an edge to edge background for sections or boxed background.

Container Width for Boxed Container Type

Having more options for boxed container type. A number of width options of ( Wide, Medium, Narrow, or Tiny ).