2

I realised that this was a horribly verbose question, so decided to edit it and try again!

I am trying to find a way of wrapping a set of three (or more) Panels content areas with a div - is that possible?

enter image description here

1
  • I question the usefulness of this. Why would you not add a region instead? – Letharion Aug 8 '13 at 16:36
1

Try Panels Extra Styles module. You can wrap panes or panes in HTML

2
  • I havent tried it yet, but it looks to be exactly what I needed, thanks! – PUncle Feb 18 '13 at 12:38
  • 1
    the panels extra styles doesnt work to wrap panes. – user1958521 Jun 27 '13 at 20:12
6

You can definitely use the Panels Extra Styles module to wrap multiple panes in as many tags as you need.

On the first pane of your new group click the option cog and, under the Style section (which should read No style), choose 'Change'. Change the selected style to Wrapper:Raw and enter your opening tags in the text area 'Content prefix'. Leave the suffix area blank (as you don't want to close any tags yet)

Save the changes and then do the same with the last pane you want to group. This time close all the tags opened in the first pane by entering them in the 'Content suffix' text area.

Save and update your panel page and et voila! Your panes are grouped with your own HTML!

1
  • I just tried this and it works great, thanks for the tip! – Danny Englander May 20 '14 at 20:56
0

There is a way without additional modules using custom Panels content.

  • Add a custom content pane where you want to start the wrapper, add the opening tag as body, make sure to not use WYSIWYG Editors which may add additional markup and don't add a title.
  • Set style to: No markup at all
  • Add another custom content pane analogous to the first one where you want to end the wrapper with the closing tag.

Thath's it, after saving the panel content you will see the grouping produced by the wrapper, as shown in the attached screenshot.

enter image description here

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