0 Replies Latest reply on Oct 15, 2015 7:29 PM by Tboness

    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