![]() ![]() “/admin/config/content/layout-builder-component-attributes” Layout Builder Modalĭrupal’s Layout Builder Modal module modernizes the UI and authoring experience for the block configuration forms or creation forms (in case of inline blocks). if you don’t want the ID field to be available for block titles those can be unchecked in the modules configuration form at The options are configurable for each element types i.e. These attributes can be added to 1) the block (outer) element, 2) the block title, and 3) the block content (inner) element. The modules provide options ID, Class(es), Styles, Data-* attributes. ![]() The Layout Builder Component Attributes module gives the options to add these details as attributes to the blocks right in the Layout Builder UI out of the box. There are modules available for such cases like Block attributes and Block class but they either lack the support of Layout Builder or need patching to work. Oftentimes, authors need to add certain data-attributes or certain CSS Classes/IDs to a block to render the data in a certain way. The Layout Builder Component Attributes module provides similar provision to authors but with more options and it is only for the blocks being placed in a Layout. If not planned properly, things might go south with conflicting styles. However, you must be responsible while adding styles as you are giving a powerful capability to the authors to alter the styles of the components being placed in a page. Since the styles are stored as configuration, they can be easily exported to configuration files using Drupal configuration management. There is a provision available for having multiple styles which can be applied to a single block or section. The classes being added in the configuration must be defined in the frontend theme stylesheet for them to reflect on the frontend when applied to a particular section or a block. The styles are basically configuration entities which contain the CSS classes. Additionally, for blocks, a block template suggestion is added for the selected style. It can be used to provide the authors the capability to choose from a list of preset styles defined in the backend.Ī "style" is just a representation of one or more CSS classes that will be applied. The Layout Builder Styles is a powerful Drupal module that allows you to add styles to the blocks and sections right from the UI. Permissions - Give restricted access to editors or other user roles based on their access.Quick Access - Provide quick access to the editors to perform certain actions thus saving time.Reusability - Provision to reuse components or sections on different pages to reduce page building time.Authoring experience - Enhance the authoring experience of the editors which they will love.Styling - Ability to provide access to the editor to choose from a style library which can be applied to sections and blocks.The modules are divided into certain categories: To add to this awesomeness, all these modules and compatible with Drupal 9 too! In this article, I will be covering 10 Drupal contributed modules which can be used in conjunction with the brilliant Layout Builder module that will make the tool more fascinating and authoritative. However, despite being a prodigious tool for building pages it has its shortcomings when used for enterprise applications which requires a better authoring capability, restricted selections, quick access, and more importantly granular permissions for different user roles. Its unique ability to drag and drop components and preview them real time was a real concession for a page builder tool and for the authors. Layout builder gave tough competition to other tools like Paragraphs, Brick, Panels, and Display Suite. When Layout Builder was introduced in Drupal 8.6 and stabilized in Drupal 8.7, it created a drift in the page building mechanism being used in Drupal’s ecospace. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |