[META] Add editable responsive layouts to Drupal core

Created on 16 October 2012, over 12 years ago

Updated 26 June 2023, almost 2 years ago

This is a tracking (meta) issue to organize issues around adding editable responsive layouts to Drupal 8 core. These modules have been actively worked on in contrib for both Drupal 7 and 8, so some are readily ported to Drupal 8 and needs reviews while others need more work.

First and foremost there is considerable abstraction work going on to introduce layouts as their own concept in Drupal 8 core. Some of the work is in core, but there is mo to do, see 🌱 [META] Decouple layouts from themes Active for the tracking issue for that.

The responsive layout builder was originally built for Spark in Drupal 7 contrib to be proposed for Drupal 8 core and is readily testable with a Panels integration in the Drupal 7 Spark distribution: http://drupal.org/project/spark (Drupal 8 versions also available with up to date patches and modules). The responsive layout builder consists of the following pieces:

A module to manage a dynamic list of regions. This is needed because editable layouts support adding any number of regions naturally. This is implemented in the http://drupal.org/project/region module. Core patch for Drupal 8 inclusion at #1813910: Add region module to Drupal core (for editable responsive layouts) →
Breakpoints to be able to have different layouts for different presentation sizes. The Drupal 7 implementation for this was in http://drupal.org/project/layout and a temporary Drupal 8 implementation exists at http://drupal.org/project/bunnypoint, but a much more mature breakpoint API module is in core now ( #1734642: Move breakpoint module into core → ). The layouts and grids depend on this now.
Grids to serve as snapping guides for easier and best practice layout creation. Grids are individually created but can be assigned to breakpoints so that layouts can relate region placement to the grid columns for each breakpoint. The existing Drupal 7/8 implementation for this is in http://drupal.org/project/gridbuilder. Issue to add into core at #1816650: Add swappable (dynamic) grid systems to core →
Responsive layouts themselves, which relate a list of ordered regions to grid columns for each breakpoint applicable to the layout. This is the most extensive user interface element proposed and would map into the standard set of layouts as recognized by the core layout system. See #1787846: Themes should declare their layouts → and its related changelogs for more details. Issue proposing addition of responsive layout builder in core: #1822950: Add responsive layout builder to core →

🌱 Plan

Status

Postponed

Version

11.0 🔥

Component

Other →

Last updated about 8 hours ago

Created by

🇭🇺Hungary Gábor Hojtsy Hungary

Live updates comments and jobs are added and updated live.

Responsive Design

Spark

Spark Sprint 7

Incomplete comments

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Comment almost 2 years ago →
🇬🇧United Kingdom catch
Comment almost 2 years ago →
🇦🇺Australia larowlan 🇦🇺🏝.au GMT+10
Do we still need this?

If so I think we should be targeting site builders only.

We could have a config entity that resulted in a derivative plugin for layouts.

https://www.previousnext.com.au/blog/creating-layout-plugin-dynamic-regions has some prior art for config based regions but I think we could simplify that here.

I don't think this should be given to content-editors, as in my experience that works out as well as giving them the ability to edit font colours and backgrounds.
Comment about 1 month ago →
🇭🇺Hungary Gábor Hojtsy Hungary
I believe this will now be within the realm of Experience Builder. Not sure if there is a corresponding XB issue, but XB explicitly provides mobile/desktop previews and may support variance based on viewports?

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024