Page 1 of 4

Responsive Grid Dimensions

Posted: Sat May 18, 2013 3:45 pm
by 3dbounce

Hi,

I have my grid set up with the dimensions set at: W100% H100% to fill the screen. This works great with the width, the width of the grid changes with the screen size, but it does not work at all with the height. The height stays at a fixed size and the only way to change it is by inserting a pixel dimension e.g 500px. This isn't great when your trying to get it the width and height to scale.

Any ideas?

Cheers
Grant


Responsive Grid Dimensions

Posted: Sat May 18, 2013 6:10 pm
by Illya Stepanov

Hi - we'll test it and we'll update.


Responsive Grid Dimensions

Posted: Sun May 19, 2013 10:32 am
by 3dbounce

Hi,

This is an example of what i want just to give you a better idea: Image

If we can sort this out i wont have to worrie about my other porblem "Center Grid to the center of the screen"

Thanks!


Responsive Grid Dimensions

Posted: Mon May 20, 2013 7:24 am
by Maryna Brodina

Hello! On page Show event run the following code:
codeAppery("mobilegrid").css("height", '100%');
Appery("mobilegrid").parent().css("height", Appery("mobilecontainerName").css("height"));/code
mobilegrid - name of Grid component
mobilecontainerName - mobilecontainer name

Please note that you can use any name for mobilecontainer except mobilecontainer and mobilecontainer1. For example mobilecontainerName


Responsive Grid Dimensions

Posted: Tue May 21, 2013 1:50 pm
by 3dbounce

Hi,

Thank you so much for all your help, this worked perfectly!

Appery's support is awesome


Responsive Grid Dimensions

Posted: Sun Aug 25, 2013 4:36 pm
by Esau Romano

it is not working for mw


Responsive Grid Dimensions

Posted: Sun Aug 25, 2013 5:37 pm
by Illya Stepanov

Hi - what exactly is not working? Can you point this up?


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 11:54 am
by laura6372139

Hello!

I load this code:
Appery("mobilegrid_23").css("height", '100%');
Appery("mobilegrid_23").parent().css("height", Appery("mobilecontainerName").css("height"));

But I get this result.

I don't know it.

My grid doesn't fit in the differents screens

Image


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 1:19 pm
by Kateryna Grynko

Hi Laura,

Are you sure your container is named "mobilecontainerName"?


Responsive Grid Dimensions

Posted: Wed Oct 30, 2013 1:47 pm
by laura Gómez

Yes!

Image Image