1

I'm trying to create a stacked page with the Panels module, using flexible layouts. It should look like this:

Stacked page

How can I do this?

  • Welcome to DA :) If you post a link to the image (preferably an imgur link) then someone can edit it in for you :) – Chapabu Apr 11 '13 at 12:00
  • Have you considered creating the three rows as mini-panels? The main page panel can then be a single column layout. – Alfred Armstrong Apr 11 '13 at 12:03
  • I'm fairly certain I've answered a very similar question before. The magic word here is "layout", try searching for information on how to create new panels layouts, and I think you'll find something. – Letharion Apr 11 '13 at 12:20
  • I've already made some panels layouts, but I don't know how I can use multiple of them at the same time on a page. – Jeroen Apr 11 '13 at 12:42
  • 1
    Aha, there we go. You should add that to the question. :) The flexible layouts should mostly be considered quick prototyping tools. If they are useful in their own right, that's great, but they have limits. With that said, can't you do the same thing in one flexible if you just start with a single wrapper that will encapsulate all three rows? – Letharion Oct 10 '13 at 10:51
2

Simply add 3 rows in the flexible layout by clicking 'Column' > 'Add row to top/bottom' in the layout designer to stack the page. Add fluid or fixed regions afterwards in every row.

(Special thanks to @Letharion!)

You can also achieve this without the flexible layouts and do it programatically like @Andrew Welch said. This video can help you in doing that.

1

You need to create a panels layout. You can find these in the panels module in the layouts folder. I believe you can then create a layouts folder in your theme and copy a layout in there, and work on it. Layouts are simply an includes file with an array of options, a template file, and a thumbnail image.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.