How to display 2 fields in one row?

  • Profile Image
    leibco
    Asked on June 14, 2016 at 10:37 AM
  • Profile Image
    Kevin_G
    Answered on June 14, 2016 at 12:40 PM

    Here are some guides that will help you to display fields in multiple columns: 

    How-to-position-fields-in-JotForm

    Form-field-positioning

    You can achieve it by injecting CSS code to your form as well, here is a code that will help you to achieve the same: 

    .form-line:not([data-type="control_button"]){

        width: 48%;

        display: inline-block;

    }

    This guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Fields will be displayed in two lines as soon as you inject that code to your form, take a look to my sample form: https://form.jotform.com/61654653437966 

    Feel free to clone it