Bubble Editor Ideas and Suggestions

[zelus_pudding]

Hey Faye! Great list you got here! Also really cool to see that Bubble implemented a lot of them recently. In hopes of catching their attention once more, I offer this suggestion - Ability to set the height of a group / repeating groups to the height of the viewport.

There are many examples of people looking for this on Bubble in the past:

This has 40 hearts

Setting a group to be % of viewport height dynamically

One of the struggles with Bubble can be the dynamic setting of a group’s height, for instance having an element be 100% of the viewport height. Here’s how to do it: Create a small HTML element in the group you want to target. Inside of it create an empty div, and assign it a class or ID (in this example I used an id of “anchor”) <div id="anchor"></div> Install the JavaScript Toolkit Plugin. This will give you the ability to run JS within a workflow. Create a new workflow for the page…

How to make Repeating Group height dynamic to fit screen resolution?

Hi Bubblers! Edit: Changed the category from ‘Need Help’ to ‘Tips’ since there’s a solution now Edit again: This only works on Firefox, not Chrome and Safari. So this needs Bubble’s help and reverting back to “need help” I’m struggling to get a repeating group to resize dynamically according to the screen resolution of the user. One little caveat: the repeating group has to be set to “Vertical scrolling” so as to scroll within the group and not scroll the whole page…

Setting a group to be % of viewport height dynamically

@raf970 This question/comment has been raised many times over the last couple of years, but the Bubble team doesn’t think it’s necessary. They have given us the “Floating Group” element, but using it comes with its own set of challenges. I too would LOVE the ability to specify height and width percentages on the Group elements. The height would need to be relative to the parent container/group though (like divs within divs).

Page / Object Height and Width

Hello All, I am trying to set the width or height of a page to a percentage and not a fixed px. any idea how i can accomplish this? so for example 100% instead of 1200 px

This one is pretty recent: Dynamic height Repeating group

This feature would allow us to build sleeker, sexier apps. Plain and simple. Take for example Evernote which could near be built with two repeating groups and 1 regular group, if only they could span the entire height:

And let’s be real, the Bubble editor itself is very functional thanks to repeating groups and regular groups that span the veiwport. Below I show the plugins tab which could be recreated with 1 repeating group and 1 regular group, if only they could span the entire height. Ahh, bask in all that resizable height glory:

A client app I’m creating could really use this and I am sad cat there’s no easy way to do it