Long label causes line break between checkboxes

[mbeley]

Hi,
Here is the way it looks :
View attachment 17505
In my opinion the second line of checkboxes should display next to the second line of the label.
I do not wish to raise the label width (the current width works very well with the rest of my form).
Anyway to get the expected display?
Thanks,
Mathieu

 

[Sophist]

Please provide a link to a page where I can examine the HTML.

 

[mbeley]

I provided a link in PM. Thanks!

 

[Sophist]

Ok - this is a CSS thing where the height of the first row of checkboxes is made at least as high as the label.

So two things I would recommend you do in your custom.css or similar:

1. Align the top of the label with the top of the first row of checkboxes: div.control-group.fabrikElementContainer.plg-checkbox > label.fabrikLabel { padding-top: 0}
2. Stop the label height influencing the checkbox row height: div.control-group.fabrikElementContainer.plg-checkbox div.fabrikSubElementContainer > div.row-fluid { display:inline-block }

I have tried to make these as specific as I can to this situation so they will work in similar situations on other pages but not impact other HTML, but you might have to tweak the selectors.

 

[mbeley]

It worked. Thank you so much for your help Sophist!