Simply open the “field options” for the field to align, add one of our predefined classes, and no more messing with the customizable HTML unless you want to.
A two-column form is simple. Add a section heading field to your form, and give it a “frm_left_half” class. If you don’t want to see the heading, set the label position to “none”. This creates column one. Add a second section heading to mark the start of column two, and give it a “frm_right_half” class. That’s it!
Read more here.
Aligning fields in versions 1.6.2 or earlier
- If you are familiar with HTML/CSS you can format your forms in any way you would like. There will eventually be a way to do this without getting into any code, but for now to make the text fields align in a row, you can edit your customizable HTML. You can change the first line of all fields you would like in the same row from:
<div id="frm_field_[id]_container" class="[error_class] [required_class] form-field">
<div id="frm_field_[id]_container" class="[error_class] [required_class] form-field" style="float:left;margin-right:10px;">
- Then, at the bottom of the second field add:
To make radio or checkbox choices align in a row, you can either select “Single row” in your “field options” for that field, or edit your customizable HTML (ie: [input opt=1] [input opt=2] [input opt=3]).