Drupal is a registered trademark of Dries Buytaert

Overview

Layout Builder Formatter solves a common frustration when using Drupal's Layout Builder: the loss of control over the "Manage Display" interface.

Normally, when you enable Layout Builder for a display (e.g., a Content Type), Drupal hides the standard "Manage Display" field table and assumes the entire page rendering will be handled by the layout. This makes it difficult to:

  • Position the Layout content relative to other fields (e.g., forcing a distinct "Header" field to always be above the layout).
  • Use standard field formatters alongside Layout Builder.
  • Prevent fields from randomly moving to "Disabled" or "Hidden" when Layout Builder is active.

Layout Builder Formatter restores this control by exposing the Layout Builder content as a standard, sortable field (layout_builder__layout) with a dedicated formatter.

Key Features

  • Hybrid Mode: Use Layout Builder for the main content area while still managing other fields via the standard Field UI.
  • Drag-and-Drop Control: The "Layout" field appears in the "Manage Display" table. You can drag it, weight it, and place it in any region just like a Body or Image field.
  • Standard Saving: Fixes known issues where enabling Layout Builder prevents other field settings (like Formatters or Weights) from being saved.

Comparison with Layout Builder Widget

This module works hand-in-hand with the Layout Builder Widget module:

  • Layout Builder Widget: Handles the Editing experience. It provides a Form Widget that lets authors edit the layout directly on the Node Edit form (backend), properly integrating with the admin theme.
  • Layout Builder Formatter: Handles the Display experience. It provides the Formatter that ensures the layout renders correctly on the frontend and can be positioned alongside other fields.

Use them together for a complete "Layout as a Field" experience.

Installation & Usage

  1. Install and enable the module.
  2. Go to Manage Display for your entity (e.g., admin/structure/types/manage/article/display).
  3. Check Use Layout Builder and Allow each entity to have its layout customized.
  4. You will see the Layout field (layout_builder__layout) appear in the field table.
  5. Drag it to your desired position.
  6. Ensure the Format is set to Layout Builder.
  7. Save.

Activity

Total releases
1
First release
Jan 2026
Latest release
1 month ago
Release cadence
Stability
100% stable

Releases

Version Type Release date
1.0.0 Stable Jan 21, 2026