This module allows you to organize the layout of specified HTML elements into dynamic columns.
Admins can specify the maximum count of columns and minimum width of one column. Content will be reformatted dynamically depending on size of browser window.
the use-case for this specifically for liquid-layout based themes, where you want to show content (primarily listings) in multiple columns for users with large screens, and a single (or less) columns for users with smaller screens.
To install, place the entire module folder into your modules directory.
Go to administer -> site building -> modules and enable the Dynamic Columns module.
To format content of some element in dynamic columns go to
Administer -> Site configuration -> Dynamic columns.
Define elements for multicolumn layout in format:
.some-class .another-class:300:3where:
- ".some-class .another-class" - css selector of parent elements,
- 300 - minimum width of column in px,
- 3 - max count of columns.
Each definition must be on a separate line
This is a DuoNox Module, sponsored by GamblingCompliance.com.
Your feedback would be most appreciated, and if you write your own plugin, please consider contributing back!
Downloads
Project Information
- Module categories: Content Display, JavaScript Utilities, Theme Enhancements, Utility
- Maintenance status: Unknown
- Development status: Unknown
- Last modified: June 5, 2009