How to change the spacing between two fields?

  • Cliveg
    Asked on January 12, 2017 at 5: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

  • AIDAN
    Replied on January 12, 2017 at 5: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.

  • Cliveg
    Replied on January 12, 2017 at 6:45 AM
    Thanks a lot Aidan
    ________________________________
    ...
  • Cliveg
    Replied on January 12, 2017 at 6: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
    ________________________________
    ...
  • AIDAN
    Replied on January 12, 2017 at 7: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.

  • Cliveg
    Replied on January 13, 2017 at 4:45 AM
    Thanks Aidan - will do
    ________________________________
    ...
  • Cliveg
    Replied on January 13, 2017 at 5: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
    ________________________________
    ...
  • AIDAN
    Replied on January 13, 2017 at 6: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:

    How to change the spacing between two fields? Image 1 Screenshot 20

     

    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.

  • Cliveg
    Replied on January 13, 2017 at 7: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
    ________________________________
    ...
  • Cliveg
    Replied 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
    ________________________________
    ...
  • liyam
    Replied 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.

     

  • Cliveg
    Replied on January 13, 2017 at 2:45 PM
    Hi Liyam,
    Thanks a lot for this. I'll give it a go.
    Best wishes,
    Clive
    ________________________________
    ...
  • Cliveg
    Replied on January 16, 2017 at 5: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

    ________________________________
    ...
  • AIDAN
    Replied on January 16, 2017 at 5: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.

  • Cliveg
    Replied on January 16, 2017 at 9:45 AM
    Hi Aidan,
    Thanks a lot for this
    ________________________________
    ...