Good morning everyone! Everyone here at Bubble is very excited to announce that the new Responsive Engine Beta is now live! About a year ago to date, we set out to re-think how responsive apps are built in Bubble. Our goal was to empower our users to build more beautiful apps by providing a faster…

Is it just me, or is there still no easy way to create a repeating group as a flexbox container and cells as flex items? Looks all grid to me… :confused:

Thanks @sudsy for the brief overview, What should we normally consider for a full width Parent container on a new page, say we have a page 960 x 2000, now should we take a group as a “full width Row” or “Full width Column”. I see bubble converted all the elements as Rows in a Column page.

[image] tim12333: Has anyone had success migrating very large pages? The best way I found is to “make the page simpler” (air quotes). To do that, I break out reusables out of the big SPA. Convert each reusable to the new editor, and - little by little - you’re moving your app over.

Yes, already noted here . Give that post a like if you feel the same. And since it seems it’s not an oversight, but rather, by design, I’ll likely submit a formal feature request. Shortly, I’ll also post the settings and minor CSS tweak I used in order to get the RG contents to wrap (as @alejandrow…

Wonderful! Works great! Will migrate when stable.

[image] alejandrowunderlich: Can you share how you got this and the CSS? Here ya go… RG cells of non-uniform width

This looks really good, especially with my current project relying a lot on repeating groups. These new extra settings will really help me fine-tune how the site looks on desktop vs mobile. Thank you! This was perfect timing.

I actually opt to use 600 for my websites, since I like to keep tablet devices in mind and have elements that change to a more mobile-oriented format. But I think it really comes down to your use case.

Now “min width” plays one of the most important role. Legacy responsive should be named as “wire-framing mode”, as element Drag & Drop feature is great for designing. for no-coders legacy responsive is good, unless you have done the wire-framing on Figma or something similar.

Will the container alligments also come to column? In Row it is there but in Collumn i am missing them cause in flexcss this works. Would be great about a feedback so i do not start to create everything based on hand made margins… Also would be interessting if you guys dont do it - what the idea w…

New Responsive Engine [beta] is Live!

Announcements New features

sudsy November 7, 2021, 5:32pm 190

Here ya go…

RG cells of non-uniform width

How make a repeating group's cells flow like text?

Listing all elements in a single cell in a repeating group?

Topic		Replies	Views
Does anyone else think the new responsive engine is unintuitive? Need help	35	3439	January 25, 2022
Responsive layout (beta) Announcements	209	22369	August 18, 2017
New Responsive Engine Feature Request Idea	114	10198	December 4, 2023
Setting a group to be % of viewport height dynamically Tips	117	40790	November 11, 2024
Supported browsers and upcoming changes to the responsive engine Announcements	63	8971	October 4, 2021

New Responsive Engine [beta] is Live!

Related topics