New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested Grids #6159

Closed
bking0 opened this Issue Jul 12, 2013 · 1 comment

Comments

Projects
None yet
2 participants
@bking0

bking0 commented Jul 12, 2013

1.Child grids "inherit" the characteristics of the parent grid. So a 50/50 child grid will split to 33/33/33 when nested inside a 33/33/33. responsiveness is inherited as well

  1. tried to use "JSBin" but received a 504 error when trying to access the site. I created a JS Fiddle instead: http://jsfiddle.net/KxQ8B/1/

3.Nest a "ui-grid-a" inside of a "ui-grid-b ui-responsive"

4.The parent grid should be split 33/33/33 and be responsive. The child grid should split 50/50 and NOT be responsive.

5.The parent grid splits 33/33/33 and is responsive. The child grid splits 33/33/33 and is responsive

  1. Running on IIS 7 and VS Personal Webserver. Tested in the latest versions of Desktop Chrome, Chrome for IPad/iPhone and Mobile Safari.

7, Using JQuery 1.9.1 and JQM 1.3.1

8.I can see that it's a CSS issue.

@jaspermdegroot

This comment has been minimized.

Show comment
Hide comment
@jaspermdegroot

jaspermdegroot Jul 15, 2013

Member

@bking0

Thanks for reporting the issue. I just committed a fix.

Class ui-responsive will only affect the blocks that are immediate children. You can add the class to the nested grids if you want to make them responsive as well. See http://jsbin.com/esekic/5

Member

jaspermdegroot commented Jul 15, 2013

@bking0

Thanks for reporting the issue. I just committed a fix.

Class ui-responsive will only affect the blocks that are immediate children. You can add the class to the nested grids if you want to make them responsive as well. See http://jsbin.com/esekic/5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment