How Can I Make Radio Buttons Appear Horizontally Instead of Vertically?

  • martinbond
    Asked on March 16, 2015 at 8: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.  

  • martinbond
    Replied on March 16, 2015 at 8:18 AM

    How Can I Make Radio Buttons Appear Horizontally Instead of Vertically? Image 1 Screenshot 20

     

  • abajan Jotform Support
    Replied 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:

    How Can I Make Radio Buttons Appear Horizontally Instead of Vertically? Image 1 Screenshot 30


    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:

    How Can I Make Radio Buttons Appear Horizontally Instead of Vertically? Image 2 Screenshot 41

    Thanks