Getting Data In

Inputs layout

dkuk
Path Finder

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.

Tags (2)

jeffland
Champion

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.

0 Karma

dkuk
Path Finder

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

0 Karma

twinspop
Influencer

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

0 Karma
.conf21 Now Fully Virtual!
Register for FREE Today!

We've made .conf21 totally virtual and totally FREE! Our completely online experience will run from 10/19 through 10/20 with some additional events, too!