Page 2 of 2

How do I scale my app for different screen sizes?

Posted: Thu Sep 19, 2013 8:50 pm
by Maryna Brodina

Hello! Looks like the problem is that you've placed the link to app in some frame. Please try to add the following line pre<meta name="viewport" content="initial-scale=1" &#47;>/pre in < head block. If it won't help you would need to publish app on your own server another way.


How do I scale my app for different screen sizes?

Posted: Tue Apr 29, 2014 9:16 am
by Puneet Duseja

Hi, In order to auto scale i am using the following code on page loading, which worked well when i was testing on browser, but once i installed the apk file on my phone, auto scaling did not happen.

Code
Appery("mobilegrid_132").css("height", '100vh');
Appery("mobilegrid_132").parent().css("height", Appery("mobilecontainerName").css("height"));
Appery("mobilegrid_132").css("width","100vw");

Request help on this....


How do I scale my app for different screen sizes?

Posted: Tue Apr 29, 2014 12:48 pm
by Kateryna Grynko

Hi Puneet,

Please try stretching page component using selector codedata-role="page"/code or the whole body.