The 2026 Drupal Business Survey is open. Your response will help shape the future of the Drupal business ecosystem.I believe responsive panels would be better maintained if split out as a module so I'm publishing a module soon containing a ton of responsive panel layouts. Right now its limited to 12-column grid layouts. I've built them to work specifically with the Omega Theme but could work with any 960 grid theme that prints grid classes. I've attached a screenshot of the panel layouts I've already designed and tested. I've named them as best as possible according to the grid width. I'm open to feedback of additional layout requests to add before i put the module out. Let me know...
FYI, i know there are other options like panopoly_theme but that doesn't work well for me because the widths are printed as % which is tough to layout for image widths and the variations offered still don't fit some of the use cases i've encountered.
| Comment | File | Size | Author |
|---|---|---|---|
| #2 | responsive_panels_sample.png | 30.19 KB | apmsooner |
| responsive_panels_sample.png | 24.82 KB | apmsooner |
Comments
Comment #1
catalin.anghelache commentedNice!
Comment #2
apmsooner commentedAlright, i've created 50 different layouts for 12 column grid. Updated sample image attached.
I'm doing this a little differently then the Omega Panels without the negative margin on the parent div. I instead went a different route using alpha/omega classes within the panels because negative margin doesn't behave well with IE7.
I'm also going to roll out some mini-panel layouts that fit within defined panel pane grid sizes and still are responsive. This will also work well where you don't want to disable the sidebar regions but still have the flexibility of panels.
I've created these to be easily themed by adding row and column classes.
This will be my first module so i need to figure out how to create a sandbox and get this out there for people to test out. Will followup with a link when I get that part figured out...
Comment #3
apmsooner commentedNew module released to test out: http://drupal.org/sandbox/apmsooner/1805170