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 to set spacing between fields ?

    Asked by DaliRSI on June 23, 2015 at 06:10 AM

    Hi !

    I would like to know how to reduce the vertical space beetween the fileds on my form (attached)

    And in ordre to fit all fields in the Product details section : how to reduce horizontal space betwwen those fields as well ?

     

    Thanks !

     

    Note: I tried through the Preferences "field styles" question spacing set at 1 (even0) and nothing changed ... 

    Page URL:
    http://form.jotformeu.com/form/51732451617352

    how product horizontal section thanks
  • Profile Image
    JotForm Designer

    Answered by baki on June 23, 2015 at 06:29 AM

    Hi there,

    To change vertical spacing of the form, you can refer to this guide: http://www.jotform.com/help/62-How-can-I-change-spacing-between-questions

    To reduce the horizontal spacing, you need to inject the following CSS codes to your form:

    .form-line-column {

    padding-right: 2px !important;

    padding-left: 2px !important;

    }

    You can refer to this guide for how to inject css codes.

    If you need further assistance, please feel free to contact us.

  • Profile Image

    Answered by DaliRSI on June 23, 2015 at 10:41 AM

    Thanks for the prompt answer !

    It worked for reducing the space horizontally, but unfortunately I still have a lot of blank in the customer details section ... 

    How could I reduce that ? 

    http://form.jotformeu.com/form/51732451617352

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 23, 2015 at 11:47 AM

    Have you tried using the Designer feature? You can reduce the vertical spacing under the Line Layout tab:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by DaliRSI on June 23, 2015 at 12:21 PM

    Worked perfectly !!!! Thanks ! 

     

  • Profile Image
    JotForm Support

    Answered by BDAVID on June 23, 2015 at 12:42 PM

    You are welcome! If you need anything else, please open a new thread, we will be glad to assist you.