Responsive Grid Dimensions

[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

[Illya Stepanov]

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

[3dbounce]

Hi,

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

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

Thanks!

[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

[3dbounce]

Hi,

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

Appery's support is awesome

[Esau Romano]

it is not working for mw

[Illya Stepanov]

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

[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

[Kateryna Grynko]

Hi Laura,

Are you sure your container is named "mobilecontainerName"?

[laura Gómez]

Yes!