What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Horizontal Spacing Between Form Fields In a Table

    Asked by safeinsight 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

    Page URL:
    http://www.safeinsight.net/waiver-of-liability.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by david 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

    Answered by safeinsight 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
    JotForm Support

    Answered by EltonCris 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!