Hi,
Does anyone know if it's possible to specify a limit on the number of fieldset inputs that a given view displays on the same line. I.e. lets say we have 10 drop downs and want to oraganise them neatly into 5 rows of two (to categorise them). If the default layout is used (simple XML), the input objects will be organised end to end with a wrap to the next line only occurring when horizontal browser window space runs out. This results in a rather messy layout.
Any suggestions appreciated.
Thanks.
In case you (or someone else who stumbles across this question) is still interested in a solution, I have found the following:
The .fieldset .input
have display: inline-block
, so if you make each of them float: left
and every other one clear: both
, you get exactly what you need:
.fieldset .input {
float: left;
}
.fieldset .input:nth-child(odd) {
clear: both;
}
Another option would be to use jquery and append a break after every other field
element.
No I'm afraid I ended up working around it.
Did you find a solution to this problem? I'm in the same boat.