Padding is now accessible from the Styles tab for new responsive! Here are the changes you should be aware of:
You can find these padding controls in the layout tab, which now also lives in the Styles tab property editor. These controls will not be accessible for elements that do not yet have padding or if your page is on legacy responsive.
If you’ve applied a Style to your element, the padding values corresponding to that style will appear as greyed-out placeholders in the property editor.
You may override the padding values from your Style, which will persist when you edit, remove, or swap out that Style
We’ve added a button “re-apply padding from style” to if you’ve overridden any padding values and want to reset them to the ones from your style:
If you haven’t overridden any values, you’ll see the button “edit style”, which will take you to the Styles tab so you can edit accordingly:
Hopefully this new functionality makes building easier and more efficient!
Nice! Huge time saver.
Will this have an affect on page load speeds as well?
This shouldn’t affect page load speeds
This is great! However, I think that there may have been an unwanted side-effect on conditions.
I actually came to visit the forum because I can’t set padding size in conditions anymore. See capture below of my interface right now :
As you can see, the boxes for setting padding sizes have disappeared (other parameters that I’ve tried work fine).
Are these related? Thanks in advance
Hmm interesting, not sure yet if it’s related as I can’t reproduce on my end. It would be great if you could submit a bug report so we can look into this in more detail
Just a small problem that was easily fixed (at least for me) padding in my reusable popups using a style got set to 0 in Live.
I set the paddings in the style and did a padding reset in all the reusable and got them fixed. Hopefully won’t find anything else weird.
cool, this will save me a bunch of time, thanks!
a quick comment i wanted to make, also as this tweet got some action on twitter, and i thought it might be a very quick fix. https://twitter.com/TipsBubble/status/1535279368745910273
would it be possible in the editor to make padding above margin instead of below it?
I always accidentally adjust padding instead of margin when building my page and it is not only me.
to replicate just try to build a few pages with many groups. you always switch between groups and click and adjust the bottom inputs of this popup shown, padding, instead of what you want, margin.
then half an hour later you notice (or search for ages, for the issue)
no worries if you cant do that, but in general I ask you to check out twitter as this is where a lot of the power users hang out and share feedback/suggestions for bubble. (Why not the idea board, as it is so hard to navigate/scroll all the way, prioritize)
Can confirm that there is a bug amongst us
Getting the missing padding input in Conditionals. Bug report sent,
My app is no longer responsive in multiple sizes after upgrade. Width is 375px in iphone and ipad modes.
The update broke spacing in my entire app.
Edited: It’s on all reusable elements.
One thing I think of as I contemplate integrating this into my app: the first use case I will tackle is buttons; I have wanted variable width buttons that look good for a long time, and this enables that!
The issue is that right now, my buttons all have fixed heights/widths because padding wasn’t available until recently.
So to get use out of this feature, I would need to go through each button and change the height/width settings.
Is it possible to imagine/come up with a way to modify the heights/widths of all elements that have a certain style?
no. but top right in advanced search you can search for all elements - buttons in your app.
anything below 200 takes less than an hour.
@patrice.bonfy @GhostCodes @ihsanzainal84 @dee Thank you for submitting bug reports and very sorry for any inconvenience this has caused — just deployed a fix for this behavior!
That fixed it for me indeed! Thanks for the quick reaction
The problem is still there. I have paddings set in the reusable element, but they are completely ignored because the indents are not set in the styles. It turns out that if the padding is not set in the styles, the other values are ignored. This breaks the whole application.