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

    Spacing on radio and checkbox labels

    Asked by chartier on June 27, 2014 at 12:28 PM

    Hello Jotform team,

     

    I've been tweaking my forms and have come accross a problem I can't seem to resolve. You see, I have a certain number of checkboxes and radio buttons that have excessively long labels. This means they end up being written over two lines behind each checkbox/radio button. This isn't a problem in itself, the issue I have is that the second line starts underneath the box and not at the same level as the beginning of the text. 

    i.e :

    "

    X abcdefghijklmnop

    qrstuvwxy

    "

    instead of

    "

    X abcdefghijklmnop

       qrstuvwxy

    "

    I've tried to find ways around it but can't seem to. Is there a way accomplishing this?

     

    Thanks in advance,

    checkbox and My Forms JotForm checkboxes radio buttons
  • Profile Image
    JotForm Designer

    Answered by egeg on June 27, 2014 at 01:06 PM

    Hi there,

    You can do this by using the CSS below with the Inject CSS functionality.

    More info on how to inject CSS

    And here is a sample form

    ---

    CSS to be injected:

    .form-radio-item,
    .form-checkbox-item {
        padding-left:21px;
        text-indent:-21px;
    }

    ---

    Please let us know if there's anything else we can do for you.

    Thanks.

  • Profile Image

    Answered by chartier on June 30, 2014 at 03:24 AM

    Hello,

     

    That did the trick. Thank you very much. I'll brush up on CSS.

     

    Thanks again,