How do you change the window size of a field?

  • browningreagle
    Asked on May 19, 2016 at 2:14 PM

    I know this has to be done by inserting a custom CSS in Form Styles under Preferences, but I can't figure out the CSS code to achieve what I want. 

    I'm trying to have two address fields side-by-side, but the size of the form doesn't allow it, and I can't change the size of the form itself because it has to fit on the webpage which will be using it.

     

    How do you change the window size of a field? Image 1 Screenshot 20

  • Welvin Support Team Lead
    Replied on May 19, 2016 at 2:36 PM

    Enabling columns in the Designer should do that;

    How do you change the window size of a field? Image 1 Screenshot 20

    Otherwise, you can inject the following custom CSS to move the second address field to the left of the first address field:

    li#id_3 {

        margin-left: -35px;

    }

    Again, here's how to inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes