Forums

Two column form

Permalink
I've created a form that is rather long and I'm looking for a way to format it so that I can make it in a two column layout rather than one lone list. Is this possible with the form block? If not, any suggestions?
anchoredbutterfly
 
Remo replied on at Permalink Best Answer Reply
Remo
It's not that easy with the form block. You could create a new block template and create a new column after every 5 form elements but that doesn't give you a great flexibility nor a good looking form.

In most cases I'd look at the external_form block and "hard-code" it..
anchoredbutterfly replied on at Permalink Reply
anchoredbutterfly
Remo, thank you :)
JohntheFish replied on at Permalink Reply
JohntheFish
An outside possibility is specifying css columns in the block design styles:
-moz-column-count:2; 
-webkit-column-count:2;
column-count:2;


There are similar rules for column separation. For IE you need a jQuery plugin that simulates it.

Whether it stands any chance of working depends on DOM the structure of the form. It works well on paragraphs and lists, but for a form I rate its chances as very low.
anchoredbutterfly replied on at Permalink Reply
anchoredbutterfly
OK, thank you. It does seem a bit too complex for me.