Forum | Appery.io

Until now i set them in pixels, based on a 320x480 pixels page, but I'm testing on a different screen size (an Android phone) than my default page size, and it's not adapting ...

Hi Marie,

Instead of pixels, you can use percent or vh (vw):
http://dev.w3.org/csswg/css-values-3/...
http://dev.opera.com/articles/view/cs...

Hi Katya,

The apperio interface doesn't want vh values.
As for the percentage, I tried, it works for the width, but not for the heigth... (see screenshot) Any ideas?

Hi Marie,

Add custom CSS for this component:pre[name=component]{
height: 100vh;
}/preWhere 'component' is a component name.

Thank you it works!

Hi Again,

It actually just works on the simulator, but not on an Android phone...
It doesn't take into account my css... though it does on the simulator.

Hi,

Are there any errors in browser console? What Android version are you using for testing?

Hi,

I tested on a Samsung phone with android version 4.2.2 and it didn't work. It takes into account the css from the UI (where i set the width) but not the css i added in the css file
then I tested on Nexus 5 with the android version 4.4 and it worked perfectly.

Hi -- can you share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a or give us a public link, we'll test it on a device?

Hi Marie,

This works for us. Let's try setting size using pixels and JS. Fit 'component' to Screen size:prevar screenH = Appery("Screen").height();
Appery("component").css("height", screenH);/pre