Not being a UI person, I am struggling a little to understand where I should be looking to understand why my buttons (which are in a group so I can hide them both when needed) are moving up when on a mobile. The keyboard would ideally overlay these, but it squidges it all up at the top.
I recommend putting a rectangle around things if you are having trouble keeping the items where you want them.
Make it all one group inside of the rectangle.
This is not something I have got to grips with yet. Buttons seem to expand to take up space if another button is hidden.
From what I have read, an element tries to keep a relationship with other elements …
So in here …
If I hide “Check” the “Clear” becomes larger and I can’t see how to stop that.
Which is why the two buttons below are like they are.
But when “Redeem” is hidden “Cancel” moves up. Not really sure what it is anchoring itself to, maybe the “Amount” input ?
Not the most pressing of issues. But it would be better UX if buttons didn’t move.
Yes the buttons will move in relation to each other. However if you place them both in their own individual box, the space should be preserved.
This can take a little playing around to get it to function correctly. Occasionally I have had to place empty boxes next to something (to act as a spacer) in order to keep something in place.
Either way, you should be able to get the result you are looking for just by playing around with it a little.
Thanks. I put them in group, so will try putting them in rectangle.
The moving up when the keyboard appeared was solved by aligning the group to the bottom so that was the major issue.
You may find this tutorial for another program useful - https://twitter.com/nocodelife/status/1320825083213041664. He explains how to use rectangles and grouping, which is similar to how Adalo works.
Thanks. I am all too familiar with putting little rectangles on Bubble pages to stop things from moving about
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.