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…

Just to say that despite frustrating issues, this new editor is the way to go, changes everything

Hi everyone - quick announcement that we just released drag & drop in responsive containers. Full announcement here: New Responsive [beta] Drag and Drop in Editor Canvas

Hi @nick.carroll just saw the announcement and its great!! Just wondering when will we have the plugins compatible with the new engine. Thank you!!

The team will be converting bubble built plugins to new responsive over the coming weeks, and the updated plugin editor api that supports new responsive is currently being tested. When that is released, plugin developers will be able to update their plugins to new responsive as well.

Anyone figure this out yet? I have a repeating group (grid) of uniformly sized photos (200x200px). I had to set the min width of the column to 200 otherwise the photos were overlapping when changing browser window size. Now it successfully changes number of columns as I down-size the window. BUT - …

[image] suprbesos: Anyone figure this out yet? I don’t think it’s possible without some custom CSS .

Is there a way to organize the first level groups in the elements tree? In the old engine they were organized by y axis, then z-index, then alphabetically, but I can’t seem to figure out a consistent pattern with the new engine.

I am encountering this issue also. 2 root level floating groups that overlap. No amount of send to front/back makes a difference. Other than changing the z-index via CSS the only way seems to be the order they are added to the page, I think . Seem the first added item is on top and the second undern…

@nick.carroll any insight on this? Us OCD bubblers are going crazy :joy:

I wish it behaved like this, but In my app, in the new responsive engine, if I set the minimum column width to 25% to have 4 big images on desktop, I will also get 4 small columns in mobile and vice versa. I don’t know if this is cause I have a RG inside anothe RG or something else

New Responsive Engine [beta] is Live!

Announcements New features

sudsy May 3, 2022, 1:50pm 679

I don’t think it’s possible without some custom CSS.

Topic		Replies	Views
Does anyone else think the new responsive engine is unintuitive? Need help	35	3440	January 25, 2022
Responsive layout (beta) Announcements	209	22376	August 18, 2017
New Responsive Engine Feature Request Idea	114	10200	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