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

    How can I adjust the border around a field?

    Asked by CapitalPromotions on January 24, 2014 at 04:22 PM

    Hello,

    I am finding that the blank gutter space around individual fields is too much. How can I shrink this in order that I can move items closer togehter?

    Thanks

  • Profile Image
    JotForm Support

    Answered by BDAVID on January 24, 2014 at 04:55 PM

    Hi, in order to shrink the fields just:

     

    Click "Settings" or "Right Click" on a form field and click "Shrink.”

    Please take a look a this useful guide about the Form Field Positioning.  If you have another question feel free to open a new thread, we are here to help you.

  • Profile Image

    Answered by CapitalPromotions on January 27, 2014 at 12:19 PM

    Hi there,

    Thank you for your response. This is not what I was looking for, however. The problem is that I want the overall form to take up less space on the page it is being placed into. Therefore I am hoping to move entire elements closer together.

    So in the screenshot you posted above, as an example, I would want to move "E-mail" (and its accompanying text box), upward closer to almost touching the words "First Name" and "Last Name".

    Thanks

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 27, 2014 at 12:47 PM

    Hello CapitalPromotions,

    Thank you for clarification on your requirement.

    To reduce the spaces between the form rows, you should actually reduce the "Question spacing" property of your form which can be found under the "Field Style" tab of form's preferences. Please check the screenshot below:

    Hope this answers your question.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image

    Answered by CapitalPromotions on January 27, 2014 at 12:58 PM

    Yes, that is what I was looking for! Thank you.

    I see that adusts the vertical spacing - can I also make the same adjustment between items horizontally?

  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 27, 2014 at 01:06 PM

    @CapitalPromitions

    Customizing horizontal spacing has to be worked on a per-field basis.

    Which particular field on what form you're working on do you want the horizontal spacing to be reduced?

  • Profile Image

    Answered by CapitalPromotions on January 27, 2014 at 01:15 PM

    I see.. well we just have the one form so far "File Upload Form", and I would want to reduce the horizontal spacing between all fields if possible!

  • Profile Image
    JotForm Support

    Answered by NeilVicente on January 27, 2014 at 01:34 PM

    Inject these CSS codes to your form to reduce the amount of spaces between them:

    .form-line {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    Here's a guide on how to inject those codes to your form:

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

  • Profile Image

    Answered by CapitalPromotions on January 27, 2014 at 01:36 PM

    Perfect!! Thank you everyone for your help :)