topic Re: Inputs layout in Getting Data In

Inputs layout

dkuk — Mon, 25 Feb 2013 13:34:33 GMT

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.

Re: Inputs layout

twinspop — Fri, 05 Apr 2013 21:58:32 GMT

Did you find a solution to this problem? I'm in the same boat.

Re: Inputs layout

dkuk — Thu, 11 Apr 2013 13:51:56 GMT

No I'm afraid I ended up working around it.

Re: Inputs layout

jeffland — Tue, 07 Apr 2015 12:20:59 GMT

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.