two column layout

[zebrafilm]

I have set a group to display a two column list of elements.
All elements still show up in the first column.

Do I need to appoint the elements to the right side somewhere?

Details:
Left the column width default, (showing span6 in the css) and tested with 4,4., nicely showing up in the CSS also as span4 so the width control works.

There are a lot off (bootstrap) Float: left; in the CSS so I assume I have to override this?

 

[troester]

Hmm, should do (is doing at my site).
Maybe your Joomla template is setting the div to "nofloat";
Try adding
.row-fluid [class*="span"] {
float: left;
}
to your fabrik custom CSS.

 

[zebrafilm]

Thanks, found it. The template was not loading bootstrap properly. Made a new one and now all fine.

 

[zebrafilm]

OK double check if this happens to others:
Protostar and my own template: set it to 2 columns in the group layout, labels LEFT but they get displayed above.

 

[troester]

This may be a matter of column width. If label + field don't fit they will float.

gesendet mit Tapatalk

 

[zebrafilm]

Yup understand that but I see that the label and the inputboxes are about 150px each in a 500 px space. Even with a full width template they behave the same.
When I force the element or control div to 50px the issue remains.

 

[zebrafilm]

Created a simple test list
http://zuidwijk.zebrahosting.nl/test/form/36
List: test-list
Just 4 elements and indeed they behave the same as in my project.
I see no reasons why the labels slide up.

 

[troester]

Ah, yes, this is what default_group.php is doing

    else
    {
        // Multi columns - best to use simplified layout with labels above field
        echo $this->loadTemplate('group_labels_above');

So if you don't want the labels above in a multi column layout you must add custom CSS, e.g.
#group56 label {float:left;width:100px}