Bubble Editor Ideas and Suggestions

[troy.roberge]

+1 early on this was very confusing for me.

[melon]

Free categorization on the plugins need to be improved, “One Time Payment” option can be added under Free/Premium

[melon]

Option to disable the plugin would be nice, rather than uninstalling and removing all plugin elements from app

[petter]

Deactivate the performance warning… I’ve literally checked the console hundreds of times over the last year thinking that something’s wrong, just to be met by a bunch of warnings all saying the same thing: please upgrade… it makes sense to give a heads-up on performance, but seeing that console error light up is like constant cry for wolf. Move the warning into the Capacity tab instead.

[petter]

Negate value operator for numbers, turning 5 into -5.

The +hours, +seconds etc for date fields is very cumbersome to use if you want to subtract something, and instead of adding a minus operator to all of those fields, a negate value operator could let us subtract hours etc. without going through custom fields etc.

(oh, and add +minutes!)

[fayewatson]

Thank you so much, @klaas.vanhoeck1, @petter, and @melon! Your ideas were added as numbers 44 through 49!

[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

[gf_wolfer]

@allenyang bumping for #20 / the linked suggestion - 14 Likes strong!

Bubble Editor Ideas and Suggestions

Expanding on #20 (conditions) The Conditions on a Workflow or Element could be ‘Stacked’ on top of eachother instead of one long paragraph. Allowing you to: Simply read the conditions Re-order the statements (drag and Drop) Copy and Paste a single statement (can only do the whole paragraph at the moment) Very clearly switch And/Or statements with a Dropdown Example: [Screenshot_122019_080926_AM]

[petter]

Having a way to quickly identity elements that are overlapping, for example by showing their borders in red when a button is held down or a setting activated.

On big SPA’s, two out of 100 groups overlapping by a single pixel can wreak havoc. Would be a timesaver to be able to spot them quickly

[klaas.vanhoeck1]

An addition for simultaneously edit multiple elements:

Change ‘fixed width’ and ‘minimum width’ of multiple elements.

When making a whole page responsive with a lot of text elements would be easier if we can change this setting all at once.

[fayewatson]

Thank you so much for the awesome suggestions, @zelus_pudding, @petter, and @klaas.vanhoeck1! Your suggestions were added as numbers 50-52!

[Jici]

@petter

Maintain parameters
The Go To Page action resets all parameters unless you specify that they should change. A Maintain parameters checkbox that simply kept all parameters in the URL at their current value would be handy.

Has been implemented. Great!

[petter]

Make Clear all reset to an empty field, instead of …edit me…

[luke2]

Reading through, lots of great ideas here…Bubble dreams

I have a few ideas scattered together in this thread here that I think could be of some use to others as well:

Improvements to App Notes Facility with Bubble Editor

Hey Bubblers, I’ve recently been trailing back through and making sure my core apps/websites are well documented, this includes elements with complex conditions, API workflows, data types…you name it. Otherwise I find overtime I simply forget the logistics of the site and generally how things are setup/running . During the process its become evident how basic the notes/comments taking facility within in app is and I feel with some extra features this could be really useful, making it a …

But I’d really like to see the ability to add comments on a condition basis. So on a element that has many conditions, we can add a specific comment to the condition (not the whole element) with regards to its functionality. Granted its quite a niche request, but I’ve found a few times using a series of complex conditions and coming back to it, being puzzled. Commenting on the element works, but bit cumbersome, especially if the order changes.

Cheers

[luke2]

Without parenthesis available, this would be amazing if implemented

[fayewatson]

Awesome! Thanks for catching that that one was implemented, @Jici!

And thank you so much for the great suggestions, @petter and @luke2! I’ve added them as #53 and #54!

[aloecf]

Bubble based editor zoom hotkeys! Trying to get the right zoom percentage in the grid list is repetitive. Check Figma’s functionality for how easy it is to zoom in an out with a scroller

[w.fly]

Suggestion: Ability to “show” hidden elements in the editor by default - Even if they are not visible on page load.

---

We all know that hiding an element then showing when you need to is a great performance gain for your Bubble app - But it makes things clunky when you’re using the editor. Each time you load a page to edit that has hidden elements on page load, the element is invisible - Leading to large blank spaces on your editor page - Requiring you to manually un-hide each time.

For SPA apps, it’s a killer if you have 25 hidden groups on a page.

---

My Recommendation:

Example 1:

BEFORE:

AFTER (put an overlay on top of hidden elements, so when you open up a new page, you can SEE what all hidden elements you have without having to click into each one):

---

Example 2:

BEFORE: (Notice it’s just a large blank expanse…)

AFTER

---

How would it be done?

Make it an option in the Grids and Border menu - “Outline hidden elements”:

Notes:

1. This would not apply to popups/floating groups. Recommendation is to start with groups/repeating groups first.

2. Clicking on the eye icon at the top left of the outline would unhide it so you can rapidly edit right there.

---

This idea was brought to you by a co-worker who was tired of working on MVPs with me and going to pages with 10 hidden elements (for maximum performance) and wondering where the heck they needed to make changes!

[julienallard1]

I completely agree!
If I can add my two cents, I often use overlay and collapsing groups in the same SPA. Having all hiddens to be visible would mean hiding a bunch of elements on editor load…

I suggest that the last visibility state should be used instead, so when I do an editor page refresh, we would find the displaying in the same state than before.

By the way congrats on the clear “fake-screenshots”!

[yusaney1]

Not sure if someone suggested, but it would be awesome to have the ability to duplicate one data entry (this is cool when you need to test RG with more data instead of creating one by one).