Hi , I am having A problem with live testing. The Test shows up good and fine on web preview but all mashed up in phone preview pictures are below.
Web preview
IOS
Android
IOS
Android
try doing fixed designing as in responsive it might happen
@eko.devs.apploroceo no i have not done any designing i just put components nothing else
@eko.devs.apploroceo
now i tried fixed designing still same problem
please help
Hi there,
Can you share the URL of this project, either in this thread or in a message to me?
@jane please reply
Iâm not getting the same thing when I preview on IOS. Using your copy link, I see the text inputs stacked together. Looks like you removed some code.
One problem I saw was that you were using a stored variable for the photo, but not checking if thatâs null.
I turned your screen and column22âs vertical alignment to âtopâ. That looked pretty good on my small iphone screen except itâd need to scroll. There was a lot of space around select photo and take photo. I changed column21âs width to 100% (you could go with less), and that got everything on the screen without any weird layout. You might want to add some margins.
3 Likes
Ok thanks a lot @catsarisky So maybe it my phones problem right?
Try the settings I suggested and see if that fixes you up. 
Sometimes a bunch of nested stuff set to âfit contentsâ will end up being a weird size.
2 Likes
ok will try
I wouldnât conclude that it is all your phoneâs fault, especially since you saw it on an iOS and an Android phone. (Sometimes layout issues show up with especially small screens, but you presumably want it to work on small screens, too.) The problem is more that the web previewer doesnât always reflect whatâs going to happen on a phone. If youâre building for web, youâll want to pay more attention to the web preview, but otherwise, youâll want to regularly check your layout on at least one iPhone and one Android, if youâre building for both.
3 Likes
Yes , i would want to do that if i am developing an app.
Also yes it works now but i was wondering how to put space around property.
Thanks a lot in advance
1 Like
Does setting the margins to something other than 0 get you what you want? You can also set vertical or horizontal alignment of containers (screens, rows, columns) to âspace aroundâ or âspace betweenâ, but Iâm never entirely happy with how that looks and prefer to set margins.
2 Likes
Margins and paddings are the best for precise position control.
2 Likes