How do I place multiple fields on the same row?

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.

The option is located in the field options for each field.

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

1. 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">
   to:
   <div id="frm_field_[id]_container" class="[error_class] [required_class] form-field" style="float:left;margin-right:10px;">

2. Then, at the bottom of the second field add:
   <div style="clear:both"></div>

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]).