Display form fields in two columns? Inline fields?

Follow

Jane Vance

• May 02, 2017 07:45

Hi,
Is there a way to make a two column form and define what fields are shown inline?
Now the form looks bit crappy as is fills the whole page.

Original post by Jani Partanen

0

• Official comment

  

  Jane Vance

  • May 02, 2017 07:47

  Answer from ShortStack Support: You will need to add the following CSS to your CSS Editor:

  .left, .right{
   width:47.5%;
   margin-right:2%;
   display:inline-block;
  }

  Once you do this, you can place form fields in two columns by adding left and right to the Additional CSS Classes field for each form field. Just click on a form field within your Form Designer that you want to display on the left side, then enter left in the box below Additional CSS Class. I suggest that you place form fields every other, so that the first one will be a field you want to display on the left, the second one a field you want to display on the right, the third on the left, fourth on the right, etc.

  Permalink

Please sign in to leave a comment.