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 @nickc just saw the announcement and its great!!
Just wondering when will we have the plugins compatible with the new engine.
We are glad to inform you that our top and the most watchable Bubble.io for Beginners Course has been revamped in accordance with the new responsive engine!
THIS COURSE IS COMPLETELY FREE
Bubble.io for Beginners Course will help you progress from basics to complex things.
- What Bubble is and how it works
- How to get started creating apps without code on Bubble platform
- Fundamental Bubble functionality that you’ll need to create apps without code
- How to create a connection between your app and Google Services and get them working.
Already a Bubble-pro? Watch it to get new insights for your current projects and Inspire yourself for new features and possibilities.
Several lessons are available on our Youtube channel as well:
Marketing Manager @ Zeroqode
#1 Bubble Publisher and Developer
100+ Bubble Templates
25+ Bubble Courses
250+ Bubble Plugins
20+ Bubble Building Blocks
Convert Web to iOS & Android
No-code Development Services
Zero Code Conference Replay - watch all the no-code industry leaders share their expertise
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 - on mobile, I need the pictures to be smaller and in a 2 column grid, seems like there is no way to do achieve this.
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 underneath. But that was under very frustrated and uncontrolled testing…
@nickc any insight on this? Us OCD bubblers are going crazy
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
You’ll want to use min widths as pixels not percentages.
Using percentages means that at any parent container width each image will take up 25% of that parent.
Using pixels is a hard limit, so you could stack the min widths in such a way that it’s impossible for a certain amount to fit in the row at a given page width.
I think you can conditionally set the minimum width based on the screen size. If you set your image to keep aspect ratio and fill the repeating group, it might solve your problem if I understood correctly.
Thx for the answer, i tried that, i wanted 2 columns on phone and 4 on pc, but if i set it to 150 px, the columns on pc are too small.
Luckily another user suggested me a way to change the mincolumnwidth which i thought was not working but now, thanks to you, I tried again and it’s now working ^^
Is there anyone experiencing an slow and laggy Bubble editor with the new responsive engine?
yup… for the last 2 days it’s been bad for me too
I hope they can do something about this… it’s driving me nuts
Curious, are you seeing the same slowness on Safari or Firefox? We’ve recently seen some issues where the editor performs very poorly on Chrome under certain situations - essentially Chrome is force reloading everything on the page after every change which consumes an insane amount of memory.
I didn’t try with Firefox, but Safari yes (I tried switching from Chrome to see if it fixed the slowness) but same same
Hey @nickc in addition to having repeating groups float left and right horizontally would it be possible to have them float in the center as well? I’m trying to build a map now that has a floating group over it where we are going to put an info window centered over the map but the problem is that you can’t keep the group to be the width of the actual content and have that floating group be center aligned at the same time; what you need to do right now is have that floating group span 100% width of the page and then put a group in the center of the floating group. It does solve the issue visually but then if you have map markers or other content under that 100% spanned floating group they get blocked.