I'm looking to implement multiple full page width containers with different background images, but text components within them part of the boostrap container grid. How could this be implemented with Panopoly and Radix?

Comments

shadcn’s picture

I just implemented this a couple of days back using fieldable panel panes.

Code sample: https://github.com/arshad/restaurant_widgets
Video: https://dl.dropboxusercontent.com/u/4225270/screencasts/drupal-restauran...
Demo: http://dev-restaurant.gotpantheon.com/

Let me know if this helps.

cgove’s picture

That’s awesome, thanks! It looks like, however, that this method wouldn’t allow side-by-side panel panes within a full width Jumbotron. If only panes could be nested…

shadcn’s picture

I think you could do that with a custom panels layout. Use a region wrapper with class jumbotron and then nest inner regions inside.

cgove’s picture

I considered that too, but it wouldn't give the content editor the capability of changing the background image. Perhaps a method similar to your first suggestion and just make the bootstrap columns from several different fields within a single pane. Doesn't really fit with the spirit of Panopoly, but I can't think of a better way.

shadcn’s picture

Yeah. You could use a field collection in the widget. Each field collection can then hold content for a "pane" inside the jumbotron.

shadcn’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.