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:
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
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
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!