Mobiles and netbooks create the need to have a grid with variable column number. Otherwise we force users to do horizontal scrolling.
we need this in:
-
RL grid layout
(painted by GenericCustomizer.java)
-
-
image gallery application on iPhone. When iPhone is turned to landscape position grid should readjust itself.
-
'add from gallery' on small netbook screens
-
Full Text search results when we display Categories
(painted by ResourcesSearch.java)
-
Control Panel
This site
shows how to do it by replacing HTML Table with CSS grid. Note: try to change the width of browser window and see this grid above behaves.
More resources:
smart columns
image gallery on iphone
dynamic resizing of divs for multi-column viewing