Display form fields in two columns? Inline fields?

Comments

1 comment

  • Official comment
    Avatar
    Jane Vance

    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.

Please sign in to leave a comment.