Page 1 of 1
Auto Resize
Posted: Tue Dec 17, 2013 2:29 pm
by James Barker
Hello,
I'm new to appery and apologize for such a "noobie" question but I can't seem to figure this out. Can I get my app layout to automatically adjust based on screen dimensions or device rotation so it looks (lays out) the same on iPhone, iPad, Android, etc.
Auto Resize
Posted: Tue Dec 17, 2013 2:51 pm
by Maryna Brodina
Hello! App should be adjusted automatically for different screen sizes as well as most of components. For components which don't scale you can try to set size in %. If it won't help you can check (with JS) device where app is running and change components size using JS.
Auto Resize
Posted: Tue Dec 17, 2013 9:25 pm
by James Barker
Many thanks for the reply, Maryna. I have a grid of 2 columns and 3 rows. Using the grid properties I've set the table to span 100% width and 100% height. The problem is that only the width property is taking effect. The table will not automatically span 100% the vertical height of the screen. Suggestions?
Thanks again.
Auto Resize
Posted: Tue Dec 17, 2013 10:10 pm
by Kateryna Grynko
Hi James,
You can try using vh (visible height) and vw (visible width) instead of percent. For example:preheight: 100vh;/pre
Auto Resize
Posted: Tue Dec 17, 2013 10:40 pm
by James Barker
That seems to have done the trick, thanks!