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 I Make Radio Buttons Appear Horizontally Instead of Vertically?

    Asked by martinbond on March 16, 2015 at 08:16 AM

    Hi, 

    I'm having difficulty formatting my radio buttons as seen in the screenshot below. I want the radio button question to display the same as the Matrix (Accept & Decline along side each other, opposed to vertically). I've tried shrinking & label alignment etc but it doesn't seem to work. I cannot use the Matrix as I want to run IF function if respondent selects "decline"

     

    Please advise how to achieve this.

     

    Regards,

    Martin.  

    radio buttons alignment horizontally align
  • Profile Image

    Answered by martinbond on March 16, 2015 at 08:18 AM

     

  • Profile Image
    JotForm Support

    Answered by abajan on March 16, 2015 at 10:30 AM

    Hi Martin,

    The radio buttons can be made to appear on the same line by clicking the field while in the form builder and then clicking Spread Columns in the toolbar at the top and increasing the number from 1 to 2:


    However, it's worth noting that there are errors in your CSS which need attention. When I checked it at the W3C CSS Validator, it reported the following:

    Thanks