It'd be nice to be able to assign a div class to a row. Another issue (#529816: provide option to set CSS class name at a panel page / mini panel level) was talking specifically about assigning a class name to the entire panel or mini-panel. This issue is about rows within a panel, which would have multiple regions.

For example, let's say I have a panel for the purpose of customizing the node view. Within that panel, I have the canvas, then the main column, and within that main column I have 3 rows. Each of those rows contains multiple regions, which I've grouped together because they're similar. I'd like to use CSS to put a box around each group of regions (i.e. around each "row").

I'm pretty sure that it's possible right now to create an entry in css for each of my rows because each row has its own unique class name, but this means I'd have to create lots and lots of css entries. It'd be nice to just be able to assign a "mybox" class to each row while I'm creating the panel.

(Update: Perhaps what I'm trying to accomplish is already easily possible via Mini Panels. If putting this feature into regular panels, i.e. negating the need to use mini-panels just for the purpose of grouping, would be too challenging or improper for some other reason, I suppose it's always possible to just create a separate mini panel for each group of similar fields.)

Comments

merlinofchaos’s picture

merlinofchaos commented

What you're asking is best accomplished by producing custom styles, which can be applied to regions. Admittedly, producing custom styles is not completely obvious right now, but it's not too difficult, and themes can provide them so they can integrate nicely with themes.

I'll think about whether flexible should allow region class naming as well.

Pierre_G’s picture

Pierre_G commented

Is there some news about this ?

I'd really like to have the possibility to add a CSS class to a row or a column or a region.

How can I help ?

merlinofchaos’s picture

merlinofchaos commented
Priority: Minor » Normal

I do think flexible should allow specifying class names for regions, columns and rows. Haven't got a chance to work on features right now, though.

Pierre_G’s picture

Pierre_G commented

The simpliest solution right now is to create a new layout for panels.
Someone working with blueprint or 960.gs for example will easily make a new one adapted to his needs.

There's a very good tut here : http://drupal.org/node/495654

merlinofchaos’s picture

merlinofchaos commented
Status: Active » Closed (duplicate)

#529816: provide option to set CSS class name at a panel page / mini panel level