Do you have any video or text tutorial?

For that you can apply your style in your CSS files.

Hope this help you.

Thanks!

Hi,

This is a complex module to use (initially). I'm using a Zen theme that leverages Radix Panels, so I already have responsive styles to use, it just took me some time to figure out how to get the theme/radix styles to apply to the responsive grid settings.

Attached is the Radix Layouts css file.

To create a 4 column grid, I put the following:

Number of columns: 1

Column Classes
Every Column
col-sm-3

Row Classes
Every Row
col-sm-12

The results provided 4 columns (each 25%) and each row is 100% wide, so if I have less than 4 items in a row (my view is grouped by taxonomy term), the row will still be 100% wide.

It took me several hours of trying different css styles to finally to get this to work.

I hope this post helps!

Tom

Thanks thalemn! Exact advice I needed. I'd have never went with 1 column.

Hey, I'd like to thank thaleman as well - that's a life-saver.

Here's one thing I'd add when implementing your steps: Be sure to check "horizontal" there under the alignment heading. Whether this is critical for others, I dunno - but following thalemn's advice - and then ticking this made it all suddenly work for me. (And, apparently to get this working initially, it doesn't matter what you enter into "column classes: first column" and "last column" as well as "row classes: first row" and "last row.")

Good point, khosman, about the horizontal setting for the alignment heading. Sorry I missed that detail in my post. Thanks!