James Barker
Posts: 0
Joined: Tue Dec 17, 2013 2:29 pm

Auto Resize

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.

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Auto Resize

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.

James Barker
Posts: 0
Joined: Tue Dec 17, 2013 2:29 pm

Auto Resize

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.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Auto Resize

Hi James,

You can try using vh (visible height) and vw (visible width) instead of percent. For example:preheight: 100vh;/pre

James Barker
Posts: 0
Joined: Tue Dec 17, 2013 2:29 pm

Auto Resize

That seems to have done the trick, thanks!

Return to “Issues”