When I change the screen display i noticed my components are shifting position because of the different screen sizes
I wanted to ask if there was a way I could fix the positioning on the y-axis so that the design could be consistent across all screens.
For example if I center a button on the screen vertically it remains centered on all screen sizes
This is a really good question. Itās something that Iām struggling with too. I have messed around with the features but I canāt see any ability to ālockā components to in certain positions, like X pixels from the bottom edge, for example.
Yeah this is seriously annoying. Is anyone at Adalo working on this?
@anon78309838 @zachbharris @KatelynCampbell @Ben @David @adalojosh @LaceyKesler @ashley
Yes Adalo automatically make your screen responsive for the screen you are in.
In fact, if you change font dimensions and screen DPIs in your native Android or iOS settings, your Web/Native Adalo App will change also once refreshed.
I do some tricks to preserve proportions on different screen size :
1ā¢ I use blank rectangles as spaces in all the screens. So my layout stays pretty much the same
2ā¢ Set all the text slightly smaller than what you actually want, some peopleās with high screen dimensions would see cutted text otherwise
3ā¢ Properly group components : put a rectangle or an ellipse as āContainerā, make a group from it and send it to back, then place your elements inside this group keeping an eye to stay inside the red layout lines of the container
4ā¢ Make a custom nav bar to fix the ālift upā bug on some devices, a little bit under the screen like this
none of that works for meā¦frustrating. I would say this problem needs some attention.
Maybe sharing your screen/app, would help you
I already did it on another platform, but a lot of people have the same issue. hopefully it will get updated.
i appreciate your help.
