You are viewing limited content. For full access, please sign in.

Question

two per line

Forms

Updated March 12, 2020

asked on March 11, 2020

Hello

I am creating a form with a drop down field and a multi line field that I would like to appear side by side on a form. How would I write the css script to do this.

Thanks for your help.

Chris Edwrads

0 0

Replies

replied on March 11, 2020

Go into each field and add the class TwoPerLine

Then put the code below in the CSS section

/*Displays two fields per line*/
.TwoPerLine{display: inline-block; width:47%;}
.TwoPerLine .cf-medium {width:97%;}

0 0

replied on March 12, 2020 • Show version history

Also, if you use this CSS, it will help the labels at the top to line up nicely:

li.form-q {
vertical-align:top;
}

Such as in this one where the label on the third field is rather long:

0 0

You are not allowed to follow up in this post.

Sign in to reply to this post.

Asked March 11, 2020
Updated March 12, 2020
624 views