Horizontal Spacing Between Form Fields In a Table

  • safeinsight
    Asked on October 7, 2016 at 3:13 PM

    We are now experiencing issues with the form fields within a table being too far apart.  For example:

     

    Name: First, Last, and Middle have large gaps between

     

    Address: City, State, Street have large gaps between

     

    Examples attached

    Jotform Thread 954648 Screenshot
  • David JotForm Support
    Replied on October 7, 2016 at 6:20 PM

    Adding the following code to your form should allow for things to line up properly:

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

    #middle_25, #middle_43, #input_28_state, #sublabel_middle, #sublabel_28_state {
        margin-left : -70px;
    }

    Here is how the form would look with the code added:

    https://form.jotform.com/62806589733973

  • safeinsight
    Replied on October 7, 2016 at 7:03 PM

    This CSS code was injected, but did not accomplish anything.  Even on the sample of "what it should look like with code" was no different than above.  

    Address: Is there a way to make the Street Address nearly the width of the form, then have City, State, and Zip Code in three columns below it?  Preferably with State and Zip code shortened.

    Name: Would like First Name, Middle Name, Last Name all on same line in 3 columns.

     

    Thank you.

  • Elton Support Team Lead
    Replied on October 7, 2016 at 10:05 PM

    My colleague CSS code seems working. Anyway, if you want to align them according to your preference, copy the CSS codes in the link below and inject it to your form.

    http://pastebin.com/raw/kf5jBRrA

     

    They should look like this afterward:

    Horizontal Spacing Between Form Fields In a Table Image 1 Screenshot 30

    ------------------

    Horizontal Spacing Between Form Fields In a Table Image 2 Screenshot 41

    Hope this helps!