Layout Builder Widget
226 sites
Security covered
This module embeds the Layout Builder interface directly into entity edit forms, streamlining the content creation and editing process. It allows users to manage layouts and content blocks without leaving the standard editing form, improving efficiency and usability, especially for new entities and translated content.
Overview
This module improves the usability of the Layout Builder interface by integrating it directly into entity edit forms (node edit, etc.). By implementing this module, content editing becomes more efficient, streamlined, and aligned with standard Drupal content management workflows.
Key Features
- Unified Editing Experience: The Layout Builder interface is embedded directly into the entity
edit form, eliminating the need to save, then click a separate "Layout" tab, and then save again. - Day One Usability: When creating new entities, the Layout Builder UI is available
immediately, without needing the entity to be saved first. - Translation Support: Full compatible with content translation, allowing each translation to
have its own unique set of blocks and layout structure. - Multiple Instances: Supports multiple Layout Builder instances on a single form, such as when
using Paragraphs or other nested entity structures. - Admin Theme Integration: Because it lives on the Edit form, it naturally respects your Admin
Theme (Gin, Claro, etc.) rather than forcing the frontend theme context often used by the standalone Layout
Builder UI.
Comparison with Layout Builder Formatter
This module works hand-in-hand with the Layout
Builder Formatter module to provide a complete "Layout as a Field" experience:
- Layout Builder Widget (This Module): Handles the Editing experience. It
provides the form widget to edit layouts on the Node Edit form. - Layout Builder Formatter: Handles the Display experience. It allows you to
position the layout output as a standard field in the "Manage Display" settings, ensuring it renders where you
want it relative to other fields.
Installation & Usage
- Install and enable the module.
- Go to Manage Form Display for your entity (e.g.,
admin/structure/types/manage/article/form-display). - Ensure the Layout field is enabled.
- Set the widget to Layout Builder Widget.
- Now, when you edit a node, the Layout Builder interface will appear directly on the form.