Track: 
Theming, Design, & Usability
Experience level: 
Intermediate

Site-builders love Panels because it unleashes content, and clients love Panels for the In Place Editor (IPE). There is just one problem: no content is the same (and generic layouts do not always make the grade). The Panels Layout Builder partially solves the issue. But, what if your site is responsive? Your 30% column width will be just that, from mobile to desktop.

This session will cover how to add custom Panels layouts to your theme, utilize Sass, and responsive methods.

To get the most out of this session, you should be familiar with basic Panels functionality, responsive web design, and Sass.

Resources & Links

Creating a custom Panels layout
https://drupal.org/node/495654

Singularity documentation
https://github.com/Team-Sass/Singularity/wiki

Responsive Panels layout referenced in slides
https://github.com/mglaman/responsive_panels_layouts

Radix, responsive Panels layouts module
https://drupal.org/project/radix_layouts

Slideshare of slides
http://www.slideshare.net/MattGlaman/rockin-responsive-content-with-panels

Speaker(s):