layout

Responsive panels layouts for Panopoly and the Radix theme.
Radix Layouts is now part of Panopoly.
Responsive out of the box
Works with Panopoly, Panels IPE, and Panelizer
Easily extendable to support new layouts
Support for Responsive utility classes (You can easily hide and show panes based on mobile, tablet or desktop viewports)

Responsive panels layouts for Panopoly and the Radix theme.
Radix Layouts is now part of Panopoly.
Responsive out of the box
Works with Panopoly, Panels IPE, and Panelizer
Easily extendable to support new layouts
Support for Responsive utility classes (You can easily hide and show panes based on mobile, tablet or desktop viewports)

Responsive panels layouts for Panopoly and the Radix theme.
Radix Layouts is now part of Panopoly.
Responsive out of the box
Works with Panopoly, Panels IPE, and Panelizer
Easily extendable to support new layouts
Support for Responsive utility classes (You can easily hide and show panes based on mobile, tablet or desktop viewports)

CPS allows themers and designers to create a simplified pool of ready-made styles for site builders to choose from when laying out their pages. These translate directly to template and class changes in the DOM in a predictable way. Bridges the gap between styles applied to the site regions and styles applied to the content itself... where the "theme" ends and the WYSIWYG editor begins. Builds on the drag-and-drop content layout freedom that Panels provides. Allows editors to apply ready-made styles a themer has whipped up for them — without having to remember class names!

Provides 'Masonry' style layouts as an option for rendering the contents of panel panes. Masonry rendering will re-pack panes in your panel to minimize vertical space and provide column-like appearance while the items are still in natural (horizontal) order on the page. With "Responsive" layouts happening everywhere, the Panels approach of locking everything into a grid can provide a bit of a dilemma, because your column count is pretty static. But the Panels approach of letting an editor drop elements into a page in certain zones still works well in some cases.

A grid system Generator for several popular CSS Grid Systems.

CSS3 Columns
Full Justification
Cross-browser Hyphenation with hypher.js
Set Column Gap to Zero
Responsiveness
Suitable Content for Columns

This module provides several Panels layouts that display correctly on mobile devices.

The initial release includes over 50 different layouts for a 12 column 960 grid theme. All of the panel panes have grid classes assigned to work with the popular Omega Theme but not limited to Omega as long as other themes recognize the grid classes.

This module provides several Panels layouts that display correctly on mobile devices.

The initial release includes over 50 different layouts for a 12 column 960 grid theme. All of the panel panes have grid classes assigned to work with the popular Omega Theme but not limited to Omega as long as other themes recognize the grid classes.

Slowly, and subconsciously, my mind shifted from asking “Why doesn’t this work like Photoshop?” to “Why does Photoshop work like that?” For so long, I had accepted Photoshop as the standard because I thought it was my only option for design. But, being good at creating websites in Photoshop means knowing useful but convoluted workarounds for simple tasks that it just isn’t built to do natively. Which of the numerous unintuitive methods do you use to wrap text around an image?