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

    Radio buttons in configurable list spacing

    Asked by blbc on February 12, 2016 at 08:40 PM

    Overall, I'm happy with the look of my configurable list, except for the spacing of the radio buttons. Could you let me know what the CCS code should be to increase the space between the two responses?

    Page URL:
    https://form.jotform.com/60368954888981

    radio buttons configurable list configurable in
  • Profile Image
    JotForm Support

    Answered by Nik_C on February 13, 2016 at 11:22 AM

    Hello there, 

    Since I wasn't sure which radio buttons you want to increase space to, I'll show you on this one:

    So, since this is a configurable list widget you have to change a CSS in that widget:

    And than you click on Custom CSS and apply the CSS code to radio class:

    So you will change this:

    .radio {

    margin: auto !important;

    float: left;

    }

    To this:

    .radio {

    margin: 0 0 0 20px;

    float: left;

    }

    So what we did is we changed the left margin of the radio button.

    Finally looks like this:

    Please let me know if this helps.

    Best regards.

  • Profile Image

    Answered by blbc on February 13, 2016 at 12:31 PM

    That's perfect - thanks!

  • Profile Image
    JotForm Support

    Answered by Nik_C on February 13, 2016 at 03:28 PM

    Hello there,

    I'm glad I helped!

     

    Best regards!