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

    How can you make radio buttons distribute properly?

    Asked by MonicaBailey on October 20, 2014 at 05:45 PM

    I am trying to make my form one page for printing and I have little control over the spaces between fields (which seems huge?) even though I removed padding. I also have a section of radio dials I want to go across the screen but even though I added enough columns, it does not want to actually put the info in the columns (so I have two weird fields hanging out on their own). Can you see anyway to fix this?

    https://secure.jotform.ca/form/42884

    Thanks!

    Monica

     

    Page URL:
    https://secure.jotform.ca/form/42884

    radio buttons JotForm style size font
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on October 20, 2014 at 08:02 PM

    So would you like to distribute the radio buttons in 2 lines and 3 columns? Please explain and we can provide you with the right custom CSS.

  • Profile Image

    Answered by MonicaBailey on October 20, 2014 at 10:21 PM
    We need to try to put all the options on one line (6 across with the option
    button as well) or at the most 2 rows as even as possible (3 columns with 2
    rows?). The spread columns is not functioning properly.
    Thanks!
    Monica
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on October 21, 2014 at 07:25 AM

    Hi Monica,

    I think, this is the correct form URL: http://www.jotform.ca/form/42884594714265. But the form doesn't have a radio button field. 

    The columns should work, but considering the width of your form and the length of your options in terms of characters. A custom CSS codes should make it, but please let us know the correct form URL and what field(s).

    Thank you! 

  • Profile Image

    Answered by MonicaBailey on October 21, 2014 at 10:31 AM
    Sorry, I have two forms I am working on. Here is the form with the radio
    buttons and you will see they do not distribute properly:
    http://form.jotform.ca/form/42926381023249
    Thanks!
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on October 21, 2014 at 11:03 AM

    I've fixed it for you through the use of the following custom CSS codes:

    #id_17 .form-radio-item {

    width: 85px !important;

    clear: none !important;

    }

    You can check the codes by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. Please kindly check the form now. 

    Thank you!