Display form fields in two columns? Inline fields?
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
-
Official comment
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.
Comment actions
Please sign in to leave a comment.
Comments
1 comment