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 change the spacing between two fields?

    Asked by Cliveg on January 12, 2017 at 05:49 AM

    Dear Sir/ Madam,
    Good morning. I was wondering if you could answer a quick question. I simply want to introduce some space between two fields (some text and a checkbox above it). Could you let me know if this can be done?
    Thanks,
    Clive

  • Profile Image
    JotForm Support

    Answered by AIDAN on January 12, 2017 at 05:55 AM

    Hi Clive, thank you for contacting us.

    Yes, it is possible to change spacing between two fields. We have a detailed guide on how to achieve that here: https://www.jotform.com/help/62-How-Can-I-Change-Spacing-Between-Questions

    If you need further assistance please let us know. We will be happy to help. Thank you.

  • Profile Image

    Answered by Cliveg on January 12, 2017 at 06:45 AM
    Thanks a lot Aidan
    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 12, 2017 at 06:45 AM
    Hi Aidan,
    Thanks for your reply. The problem is, is that I am looking to change, very specifically, the gap between "text" (ie not text box or text area) and checkboxes. I don't want to change the line spacing throughout the entire form, but just between a single piece of text and the checkbox. When I tried your method, it alters the line spacing across the entire document.
    Do you have any suggestions?
    Thanks,
    Clive
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by AIDAN on January 12, 2017 at 07:36 AM

    Hi Clive, no worries, just point me to the exact fields that you want to reduce spacing between (for example in a screenshot, or by mentioning the form URL and the field names) and I will assist you ASAP.

  • Profile Image

    Answered by Cliveg on January 13, 2017 at 04:45 AM
    Thanks Aidan - will do
    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 13, 2017 at 05:45 AM
    Hi Aidan,
    Hope all's well. I've just attached a screen shot. I'd like to introduce a space between the words text "Muswell Hill" and the checkboxes above it, but not alter any of the other spacing.
    Thanks,
    Clive
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by AIDAN on January 13, 2017 at 06:00 AM

    Hi Clive,

    Please note that the screenshot you attached didn't go through. Still, I managed to understand what you needed, without the screenshot, thanks to your explanation.

    In order to add that space, please inject this custom CSS code into your form:

    #text_32 {

        margin-top: 20px !important;

    }

    For your convenience I created an animation to guide you through achieving that:

     

    For a more generic guide on how to inject custom CSS into a form please see https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I also created a corrected form for you, in case you would like to just clone ithttps://form.jotform.com/70123064144948

    If you need further assistance please let us know. We will be happy to help. Thank you.

  • Profile Image

    Answered by Cliveg on January 13, 2017 at 07:45 AM
    Hi Aidan,
    Thanks a lot for this. It is very much appreciated. I'll give it a go and let you know what happens.
    All the best,
    Clive
    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 13, 2017 at 10:45 AM
    Hi Aidan,
    Thanks a lot for your help with this. I did what you advised and it worked! I just need to do it for the other sections. I have another question which I'd be grateful if you could answer. I want to have a form with a checkbox on the far left, and next to this (placed horizontally), a radio box with 12 options (for the monthe of the year). However, when I create 12 columns, it wil only create a maximum of 4 colums (each with three options). Do you know how I can reduce the space between the radio boxes, so I can fit 12 columns on a single line?
    Thanks a lot,
    Clive
    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on January 13, 2017 at 12:11 PM

    Hello Clive,

    Can you try inserting this CSS code into your form and see if this will let you fit 12 columns:

    li[data-type="control_radio"] {
        padding-right: 0;
        padding-left: 10px;
    }

    .form-col-1 {
        padding-left: 30px !important;
    }

    To inject this code into your form, please follow the steps from this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you have questions or if you need assistance, please let us know.

    Thanks.

     

  • Profile Image

    Answered by Cliveg on January 13, 2017 at 02:45 PM
    Hi Liyam,
    Thanks a lot for this. I'll give it a go.
    Best wishes,
    Clive
    ________________________________
    ...
  • Profile Image

    Answered by Cliveg on January 16, 2017 at 05:45 AM
    Hi Liyam,
    Thanks for your suggestion. However, unfortunately it didn't work. I was wondering if you have any other suggestions on how I could have 13 columns? I am looking to have the words "Half page" in the far left, with the 12 months after it (all as radio buttons). It would be even better if I could have the "Half page" as a checkbox, and then 12 radio buttons after this. Do you know if this would be possible?
    Thanks,
    Clive

    ________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by AIDAN on January 16, 2017 at 05:58 AM

    Hi Clive, I have created a new thread for your latest request and we will be addressing it ASAP: https://www.jotform.com/answers/1035399

    We try to keep every thread about a single request/question, hence this separation and creation of new thread. I hope you understand.

    You will be notified on the other thread as soon as a reply lands. Thank you.

  • Profile Image

    Answered by Cliveg on January 16, 2017 at 09:45 AM
    Hi Aidan,
    Thanks a lot for this
    ________________________________
    ...