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!