Posted by DanM on Sun, Feb 11, 2024 - 12:46pm

I would like to create a paragraph type to display two images side-by-side for comparison, with a blurb of text following the images  I can do that by assigning classes and adding css, but I was wondering if the Layout Paragraphs module might be available for backdrop at some point. I see that it is still in active use in Drupal 9/10 with (8,700+ reported in use). (Hope this is this the right place to ask that question.)

The reason I want to do it with Paragraphs is because I want to have that ability available to a certain content type and not be standalone.

 

Accepted answer

There was a Layout Paragraphs update recently in the Backdrop news feed.

Most helpful answers

A similar module is in the

A similar module is in the plans for Backdrop, but it will not be a direct port and will be implemented differently. Some preliminary work and planning has been done but nothing really shareable yet. Feel free to add some thoughts here:

https://github.com/backdrop-contrib/paragraphs/issues/147

Comments

Mon, Feb 12, 2024 - 12:47am by stpaultim

I believe there has been some discussion of creating a module like Layout Paragraphs for Backdrop CMS. But, I am unaware of any concrete work being done. 

Maybe someone else will have new to report on this issue.

Maybe your comment will inspire activity on this issue. 

Mon, Feb 12, 2024 - 7:18am by laryn

One way to achieve what you describe currently is with nested paragraphs: one paragraphs field as the "container" which has a paragraphs field inside it (that allows only image/blurb paragraphs). Then your CSS can target that container paragraph type.

Mon, Feb 12, 2024 - 7:46am by DanM

I did work something out with a paragraph type and css. I didn't try nesting because I didn't want to make the setup too complicated.

Here's a mock-up of what I have. The images open via colorbox. It works as desired, but doing it with a layout might have made it easier to tweak the design. This design only required assigning a few classes and lines of css.