I was wondering if there could be a way to change the style of an element in the conditions. It would be nice to set up styles before hand and manipulate created styles the same way you would change the background color or text. It seems like a cool way to say, create custom pre-made themes for pages based on how the user would like to view your app. or create different button styles for clickable and not clickable. Instead of having to change the values manually everytime.
These are terrible examples, but it would seem like there could be lots of uses for this to be available.
I know you guys like to get suggestions and ideas of how to make bubble better. I hope this helps. Love what you are doing here!!!
The use case I ran into is an inline edit form. I see a couple ways to do this right now.
Have a text element paired with an input element and toggle for edit. Benefit of this is common styling of both elements across the app. Downside is the alignment of the two, and having to manage two elements.
Use a single input element that is disabled and looks like plain text and then conditionally is enabled and styled to look like an input. Problem is that you have to style the elements individually, so if the style changes you have to touch each element in the app.
Having a conditional style would allow the use of #2 above and streamline changes and enforce consistency.
While this would be nice to have and would be a nifty quick-and-dirty way to enable interesting features like listing pages or profile pages that are semi-customizable (themes basically as the OP expressed it), I suspect the reason Bubble hasn’t implemented this is performance issues.
There wouldn’t be any huge performance impact for things like button styling. But you know what people are going to do with it. They’re going to use different fonts. This would require loading all fonts that might possibly be used in all styles that might be swapped dynamically at runtime in advance of showing any page.
(I want this feature too, but I can just see the “why does my index page use 100 Megs when all I’m doing is… [something that seems really simple but is actually a huge bandwidth/memory suck]” posts.)
This wouldn’t be particularly easy to implement for the less memory intensive use cases either… probably involves major changes to how Bubble would create stylesheets.
Obviously it’s not impossible. But I get the sense this isn’t a quick win sort of feature.
This is indeed not simple, both in terms of implementation and UX. For instance, how does it work when a style has a condition that modifies the font, then the user modifies the style when the same condition is met, and in addition to that, the font is being modified directly under this condition at the element level… Who wins?..
After four years, it’s still a pain point for some common use cases.
I moved this request to Bubble’s official Ideaboard, so if anyone else comes across this thread, just enter “style conditionally” into the summary field on that page to find and upvote my submission.
