Hey all! We’ve just launched a feature to allow layout and sizing properties to be conditionally changed. You can access this in the Conditionals tab of the property editor when selecting an element. For any condition, you can now select these additional properties to change when true:
Alignment
Container alignment of Row
Vertical alignment within Row
Horizontal alignment within Column
Nonant alignment in Align-to-Parent
Sizing
Width / Min Width / Max Width
Height / Min Height / Max Height
As a note, we haven’t yet added any dependent layout types to conditionals yet. For example, changing container layout type would require new parent and child element controls as well. We’re investigating how we might support this in the future.
We hope this helps as you continue building responsive layouts!
You’re missing something. ATP and Row are fundamentally different. With ATP, each element within the container positions itself relative to exactly one of nine specific points of its parent container - one of the corners, the middle of one of the sides, or the center. It’s really that simple (but oh so powerful). You can use margins - including negative margins - to offset the element from its “anchor point”, and it will stay in that same relative position when the layout changes. Super sweet.
A “ungroup group” option on the left site with a right click would be really useful sometimes hahaha - but yeah - big tools need sometime a lot of groups.
The recent alignment/sizing changes to conditions are fantastic. However I want to speak up about how insufficient the responsiveness / conditional controls are around the Bubble “full calendar” (ie the free plugin) element. I would highlight that the main shortcoming is its lack of controls to have it be as responsive as a typical Group or Text element.
I note Bubble allows the Min width & Max width of a Full Calendar element to be set using percentages. Obviously it would be better if pixels (min/max) were also available for conditional Width settings but I can live with current set up. But my main request is if Bubble could add a conditional control and/or other mechanism to allow the Height of the calendar to be a responsive as the Width? Currently no option exists to adjust height & for the moment I am forced to use 2 different elements for small vs large screens.
PS It would also be helpful if Bubble could allow a user to control the size/color of the 2 circled controls. I also note that currently Bubble forces the Font Color of month/week name (ie February 2022) to match both the names of the week & the associated numerical calendar day. It would be helpful but not critical to allow better controls of 3 of those (tittle, day of the week text, numerical day#)
@manasi@nick.carroll Do you think this is reasonable? Are there any plans to significantly upgrade the Full Bubble plugin in any way for either responsiveness purposes or calendar capabilities?
Let me know if I can clarify anything mentioned above. Thank you for all your hard work behind the scenes.
Thanks for highlighting this, much appreciated. We are currently working through the backlog of Bubble built plugins that need to be updated to fully take advantage of New Responsive (starting with the drag & drop plugin), Full Calendar included.
That being said, this plugin has been particularly difficult to update in the past given the underlying library we are working with. We’ll be sure to announce when it’s been updated and take into account the above issues. Please note it might take some time before we are really able to invest in the functionality and customizability of the Full Calendar plugin as we are still quite constrained on the product and engineering teams.
got it. Appreciate the candor. Thankfully I can make do with current set up.
Just 1 more calendar relation mention. I will say that the #1 calendar-esque capability lacking is true Timezone Awareness. There are plug-ins (such as Parallels: Date/Range Transformer Plugin | Bubble) that do this for sophisticated use cases (ie booking apps); so for the moment I use a plug in & am ok dealing with timezones. But if Bubble ever built it’s own timezone awareness capability that was standard, that would be HUGELY beneficial not to just to me but likely also to new users. I fully acknowledge that given the constraints this is probably a “wish-list” item for Bubble, but just mentioning!
Don’t mean to derail the original topic of this thread even further, but it seems the most bubbly way to handle this would be as described in this post.
In short, Bubble currently handles converting to any timezone (which is essential). What’s needed is the ability to assign a timezone (change timezone to). This would also make handling “floating dates” (such as birthdays) much easier.
If your app would benefit from such capability, please head to the Ideaboard, search for “timezones” and upvote the relevant feature requests.