June 27, 2022 will be the day that Bubble’s new Responsive editor goes out of beta and into WIDE RELEASE!
With this launch, Bubble brings modern web design principles of CSS flexbox to our robust online editor that lets you create almost any web app you can imagine. The new Responsive editor offers more design controls and makes building apps even easier and faster than before. And this feature is accessible to ALL users, free and paying, who use Bubble’s editor.
Join us to celebrate with our online Livestream demo of new Responsive with the Bubble team.
What does this mean for you & your apps? Your EXISTING apps will not change (unless you want them to). Because the new Responsive editor represents a fundamental overhaul to how you’ll be building responsive web apps, you’ll be able to choose when you want to upgrade your app to the new Responsive engine and rebuild your pages at your own page. All NEW apps created will be on the new Responsive editor.
To learn how to upgrade your apps/pages and build with the new Responsive editor:
Overall, I’m loving the new responsive editor! Only issue I’ve had with it (other than a learning curve) is getting columns to size evenly when the parent group has a column gap set. For example, if I set a 20px column gap, it’s often difficult to get the child elements/groups to be sized properly so the gap between them is truly 20px and the L/R edges of both columns are at the edge of the parent group. It would be nice if we had some kind of “stretch columns” option to make sure columns stretch to fill their column’s space better. I’ve been having to eyeball it when using percentage widths for columns, but I’d prefer a more precise UI. Hopefully that all makes sense.
Sam - appreciate the question. This should be possible by not setting a max width on the child elements & ensuring “fit width to content” is not checked - this will allow the child element to stretch to fill whatever space is available. If I had 4 child elements in my row container with a 20px column gap and the above settings, those 4 child elements should all stretch to fit that parent container evenly. Does this help or am I missing something?
Team is still working through the backlog of plugin elements and most will be converted by the time we leave beta. Curious - how big of a blocker is it to not have RTE or Multi-file uploader converted?
with existing apps, of which I manage around 30 for different clients, is there any chance to have a setting where we can choose if new pages are new responsive or old responsive?
it is kind of a time drain creating new pages on old apps and always having to convert to new responsive engine and knowing this might be the fact in 3 years too.
It’s my understanding that for existing apps your do get the choice.
Existing apps by default have new pages in the old engine but you can convert anytime.
I have a number of apps where I am slowly converting old stuff over so is a mix of old and new…I started off with things like headers and footers as I was learning, then other reusables and finally am building new pages from scratch with the new editor (I’m finding it faster to build in the new engine now I have my head around how it works - took a minute for me to warm up to it )
Now I much prefer the new editor as it’s so easy and responsiveness is soooo good. But I have existing apps that will take me awhile to bother converting over.
)
