Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new

Learn More

View all

Sign in to view all badges

Column Control -> Rows not Column



Good afternoon.

Column control is generating vertical rows, instead of columns (See attached image).

Assume that the column selector only has 1 column option to choose from. I have two stylesheets included in the application.
One for my normal design, and one for the column control. This is what my column control CSS looks like:

/* column control layouts */ div.cq-colctrl-cols {width: 100%; float: left; } div.cq-colctrl-default { width: 100%; } /* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */ div.cq-colctrl-lt3 { } div.cq-colctrl-lt3-c0 { width: 75px; margin-right: 10px;} div.cq-colctrl-lt3-c1 { width: 75px; margin-left: 10px; margin-right: 10px;} div.cq-colctrl-lt3-c2 { width: 75px; margin-left: 10px; margin-right: 10px;} div.cq-colctrl-lt3-c3 { width: 75px; margin-left: 10px; }

The standard answer I have found is to simply copy over the static.css file
from the geometrixx demo.

But I want to understand which specific styles resolves this issue.

Kind regards