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 do i have all three radio buttons on the same line by reducing the space inbetween?

    Asked by HACA on March 22, 2016 at 11:14 PM

    I would like to have all three of the radio buttons on the same line (reduce spacing between radio buttons).  However, when I look as the CSS inject I cannot determine what to change.

    https://form.jotform.com/HACA/2016WOYTT_CandidateBio

    Page URL:
    https://form.jotform.com/HACA/2016WOYTT_CandidateBio

    radio buttons same line same all
  • Profile Image
    JotForm Support

    Answered by Kiran on March 22, 2016 at 11:40 PM

    I see that the columns for the radio buttons are already spread to 3 from the settings. The issue is caused due to having more label width to fit 3 columns within the width of the form. Please inject the following CSS code to your JotForm and the 3 radio buttons should be displaying in a line.

    .form-radio-item {

    width: 33% !important;

    }

    Hope this information helps! 

  • Profile Image

    Answered by HACA on March 23, 2016 at 12:07 AM

    I injected the CSS, but no change.  Do I need to remove something so the form will update?

    Thanks,

     

  • Profile Image
    JotForm Support

    Answered by Kiran on March 23, 2016 at 12:20 AM

    I see that there is a missing closing brace } before the code injected. This is causing the injected code not to effected on the form.

     

    Please add a closing brace } after 6px so that the issue should be resolved. 

    Please get back to us if the issue still persists. We will be happy to assist you further. 

  • Profile Image

    Answered by HACA on March 23, 2016 at 08:42 AM

    Thanks!  That did the trick.  Just too tired, I guess, and overlooked the bracket.

  • Profile Image
    JotForm Support

    Answered by Kiran on March 23, 2016 at 09:46 AM

    Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get in touch with us if you need any further assistance. We will be happy to help. 

    Thank you for using JotForm!! Take care.