DROWL Layouts
This module provides default layout builder layouts for ZURB Foundation users. It offers various column and section width options, alignment controls, and extra classes for customization. While originally designed for Foundation, the templates can be easily adapted for Bootstrap or other frameworks.
Provides DROWL's default ZURB Foundation layout builder layouts. Shared with the community for other ZURB Foundation Drupal users.
Important: Because Foundation is basically dead, we switched over to Bootstrap. So the successor of this module is DROWL Layouts BS.
This module is heavily based on the core issue #2904550: PluginDependencyTrait::calculatePluginDependencies() does not handle theme provided plugins which breaks config import / export when using custom layouts in theme because the theme is handled like a (missing) module. So you will need the patch applied until this is FIXED.
Versions
4.x:
- Uses layout_paragraphs (assuming layout_paragraphs:^2 from 4.2 on)
- Foundation XY-Grid classes
- Drupal ^8.8 / 9 Support
3.x:
Skipped. Using 4.x to be equal to other compatible drowl_* modules.
8.x-2.x:
- Written with & for layout_builder (& entity_reference_layouts) in mind.
- Drupal ^8.8 / 9 Support
- No further development
8.x-1.x:
- Before layout_builder!
- NO Drupal ^8.8 / 9 Support
The default templates files are written for Zurb Foundation, but all classes are set inside the template files. So you can modify this easily for Bootstrap or whatever you like.
Various layout options available, like:
- Column width (equal to core layouts) - some width variants for the coloumns
- Horizontal & vertical alignment of columns (Foundations .align-X classes)
- Section width (Viewport width, Page width, ...)
- Collapsing grid gutter per device size
- Extra classes
Theme the entity reference layout widget
You can simply add a library to your custom theme called:
- 2.x - 3.x: "YOURTHEME/drowl_layouts_erl_additions"
- 4.x: "YOURTHEME/drowl_layouts_layout_paragraphs_additions"
DROWL Layouts module will search for this library in the current default theme and attach it. This way you are able to add CSS & JS files to improve the ERL widget and archive more realistic preview styles for your paragraphs.
Helpful Modules to extend the functionality of DROWL Layouts
Supporting this module
Support DROWL's ♥ FOSS work on this module on OpenCollective!
Drupal and this module are FOSS. However, it takes dedicated people to develop and maintain. And they need YOU to give back!
We're committed to building and maintaining Drupal modules that benefit the entire community.
Supporting us on OpenCollective helps us continue to improve, innovate and contribute to Drupal's future. Every pledge makes a difference!
If this module has helped you, we would be very grateful for your donation to support its further development and maintenance.
Support our FOSS development ♥️
You can also speed up the development of features or bugfixes you'd love to see, by sponsoring and giving back!
Let's make Drupal even better, together!
Development proudly sponsored by German Drupal Friends & Companies:
webks: websolutions kept simple (https://www.webks.de)
and
DROWL: Drupalbasierte Lösungen aus Ostwestfalen-Lippe (OWL), Germany (https://www.drowl.de)