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

    Increase the spacing in radio button.

    Asked by jetfixer03 on May 17, 2016 at 10:06 PM

    I have a section with radio buttons, 5 choices.  I'd like them to me spread in one row.  If I select 5 columns in preferences they are spaced very close together.  I've seen similar questions that recommended inserting the following CSS code: 

    .form-multiple-column .form-radio-item {

    width: 200px !important;

    }

    When I tried that it stacked the choices vertically rather than horizontally in 5 columns.  I tied 100 as well.

    Any suggestions?

    Screenshot
    radio buttons style size font
  • Profile Image
    JotForm Support

    Answered by Chriistian on May 18, 2016 at 02:46 AM

    To resolve the issue, please select 5 columns in the preferences again. Then inject the custom css below to add more space to each radio button.

    li#id_50 {

        width: 100%!important;

    }

    div#cid_50 {

        max-width: 700px!important;

    }

    Make sure that label align is set to top to display the row correctly.

    The column should now look like the image below.

    If you need further assistance, please let us know.