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

    Trying to create space in between two single choice radio columns.

    Asked by betwrestling on March 26, 2017 at 11:54 PM

    On my form i have single choice radio items. However on a few of them the text is too long so part of the text displays on the next line. What i would like is to have all radio choice items on ONE LINE only.

    For example, on my form (on the first tab) you can see that the radio items 'KO/Match Stopped' and 'Less then 10 Minutes' take up two lines because the text is too long. I only want the text to be on one line.

    I have tried making the items wider however when i do that the items in the first column go over the text in the second column. I need there to be space in between both columns. 

    Hope that makes sense!

    Help would be much appreciated thank you!

    Page URL:

  • Profile Image
    JotForm Support

    Answered by Kiran on March 27, 2017 at 01:57 AM

    Please try injecting the following CSS code to the form in order to increase the width of the options.

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

     width: 220px;


    The form should be displaying the options as shown below after injecting the code provided.

    Hope this information helps! 

  • Profile Image

    Answered by betwrestling on March 27, 2017 at 02:13 AM

    That's perfect thanks so much! :-)