Page 2 of 4

Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 3:12 pm
by Kateryna Grynko

Laura,

Try using "vh" (visible height) instead of "%".


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 4:06 pm
by 3dbounce

Hi, Your "event" is wrong. It should be "page Show" not "load"


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 4:48 pm
by laura Gómez

I do not understand you very well.

With the same code I change % and I write vh...

Appery("mobilegrid_23").css("height", '100vh');
Appery("mobilegrid_23").parent().css("height", Appery("mobilecontainerName").css("height"));


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 4:55 pm
by Kateryna Grynko

Laura,

Did you try 'Page Show' event as 3dbounce advised?


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:07 pm
by laura Gómez

Sorry, I don't understand.

This is my app:

http://appery.io/app/mobile-frame?src...

Page show??


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:09 pm
by laura Gómez

ahhhhhhhhhh!!!!!!!!!!!! ok!!!!!!!!!!!!!


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:15 pm
by laura Gómez

event < screen < page show < run javascript

And then I write in this event this code:

Appery("mobilegrid_23").css("height", '100%');
Appery("mobilegrid_23").parent().css("height", Appery("mobilecontainerName").css("height"));

it's good!!! I'm not sure


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:18 pm
by Kateryna Grynko

Laura,

Let us know if this helps please.


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:25 pm
by laura Gómez

Noooo!!

I have followed these steps but the screen does not change size

http://appery.io/app/mobile-frame?src...

The image fits because I load this code:

Appery('mobileimage_44').width('100%').height('auto');
Appery('mobileimage_44').parent().width('100%').height('auto');


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 5:41 pm
by laura Gómez

If I write:

Appery("mobilegrid_23").css("height",'90vh');
Appery("mobilegrid_23").parent().css("height", Appery("mobilecontainerName").css("height"));

My app is:
http://appery.io/app/mobile-frame?src...

And if I write:

Appery("mobilegrid_23").css("height",'95vh');
Appery("mobilegrid_23").parent().css("height", Appery("mobilecontainerName").css("height"));

My app:

http://appery.io/app/mobile-frame?src...