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:
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. |
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. | |
Clean up Layout Builder layouts of non-existent blocks. | |
Allows to have separate layout overrides per translation. | |
Allows editors to add HTML attributes to Layout Builder components (blocks) | |
Alters the Layout Builder UI for better usability | |
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. |
Used Varbase Components
Varbase Media Module
Manages type of media contents and entity browsers in the site.
Varbase MediaSub 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.
Varbase 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.
Varbase Heading BlockVarbase Rich text block Module
A rich text block contains a title and a body with a rich text format.
Varbase Layout BuilderVarbase HTML code block Module
An HTML Code block contains a title and a body with an HTML text format.
Varbase HTML Code BlockVarbase Media (image/video) block Module
A media block contains a title and media.
Varbase Media (Image/Video) BlockVarbase Gallery block Module
A gallery block contains a title and a gallery of images and videos.
Varbase Gallery BlockExtra 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 ).
Last updated