My Form Has A Problem With Columns In Chrome On The PC

  • lynndecouto
    Asked on January 27, 2017 at 9:25 AM
    https://form.jotform.com/70034813120137
    This form looks great in all browsers except google chrome on the PC - looks good on the mac. It takes the 2 columns and converts it to one column. I would appreciate any help. Thank you.
    Page URL: https://form.jotform.com/70034813120137
  • Elton Support Team Lead
    Replied on January 27, 2017 at 10:54 AM

    I am using Chrome and the fields appear in one column here.

    If you want it to be in 2 columns, inject this CSS codes into your form.

    .form-line-column {

        width: 50%;

        box-sizing: border-box;

    -webkit-box-sizing: border-box;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Result:

    My Form Has A Problem With Columns In Chrome On The PC Image 1 Screenshot 30

    If you don't want the fields to move down on focus or on error state, I'd suggest moving all the fields in the first column to a new line. 

    My Form Has A Problem With Columns In Chrome On The PC Image 2 Screenshot 41