Horizontal Spacing Between Form Fields In a Table

  • Profile Image
    safeinsight
    Asked on October 07, 2016 at 03: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

  • Profile Image
    david
    Answered on October 07, 2016 at 06: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

  • Profile Image
    safeinsight
    Answered on October 07, 2016 at 07: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.

  • Profile Image
    EltonCris
    Answered on October 07, 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:

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

    Hope this helps!