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

Responsive Grid Dimensions

Laura,

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

3dbounce
Posts: 0
Joined: Sat May 18, 2013 9:58 am

Responsive Grid Dimensions

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

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

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"));

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

Responsive Grid Dimensions

Laura,

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

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

Sorry, I don't understand.

This is my app:

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

Page show??

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

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

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

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

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

Responsive Grid Dimensions

Laura,

Let us know if this helps please.

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

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');

laura Gómez
Posts: 0
Joined: Mon Oct 14, 2013 9:51 am

Responsive Grid Dimensions

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...

Return to “Issues”