Varbase Layout Builder
Varbase Layout Builder Module
project_directory
|-- docroot
|-- modules
|-- contrib
|-- varbase_layout_builderProvides 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 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_builderBrings 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.
Manage which fields & layouts are available in Layout Builder
Let site administrators place content entities as blocks.
Provides block form alter functions
A Form API element to select / add new media item.
This module is going to generate layouts with Bootstrap grid system.
Add UI styles support to blocks from Layout Builder module.
Open blocks in a modal in the Layout Builder UI.
Allows to have separate layout overrides per translation.
Allows editors to add HTML attributes to Layout Builder components (blocks)
Allows for more granular access control to Layout Builder by providing a set of permissions.
Provides a library of layouts for content-editors to select from
Create reusable templates for single or multiple sections at the layout builder.
Add a plugins builder and a collection of reusable plugins to the Layout Builder module.
Add Bootstrap Grid support to Layout Builder module.
Adds additional functionality to the core block library.
Limit which text formats are available for each field instance.
Manages type of media contents and entity browsers in the site.
Varbase MediaHaving 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.
Varbase Landing page (Layout Builder)Utilizing a number of block types to be used in layout builder displays.
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.
Varbase Heading BlockA rich text block contains a title and a body with a rich text format.
Varbase Layout BuilderAn HTML Code block contains a title and a body with an HTML text format.
Varbase HTML Code BlockA media block contains a title and media.
Varbase Media (Image/Video) BlockA gallery block contains a title and a gallery of images and videos.
Varbase Gallery BlockVarbase Layout Builder add more layout settings. And more styling plugins.
Vertical and horizontal alignments for all blocks in a section.
Having an edge to edge background for sections or boxed background.
Having more options for boxed container type. A number of width options of ( Wide, Medium, Narrow, or Tiny ).