How to display text on radio buttons and check boxes on a single line?

  • regalwings
    Asked on March 15, 2016 at 11:46 PM

    how can i get each answer on one line?

  • Chriistian Jotform Support
    Replied on March 16, 2016 at 2:04 AM

    Do you mean you want each answer from the checkbox below to appear in one line/column?

    How to display text on radio buttons and check boxes on a single line?  Image 1 Screenshot 40

    To do so, you can click on the checkbox field, select the Spread Columns on the properties menu, then change the value to 1. Click OK to save.

    How to display text on radio buttons and check boxes on a single line?  Image 2 Screenshot 51

    The answers should now appear in one column/line.

    How to display text on radio buttons and check boxes on a single line?  Image 3 Screenshot 62

    If you need further assistance, do let us know.
    Regards.

     

  • regalwings
    Replied on March 16, 2016 at 5:23 PM

    i mean over here...each answer on one line

  • Nik_C
    Replied on March 16, 2016 at 7:23 PM

    Could you please elaborate how you want your form to look so we could provide you with a solution?

     

  • regalwings
    Replied on March 16, 2016 at 8:00 PM

    sorry my screenshot didnt show, see below

    Please tell us which opportunity you are interested in.

    I’m more inclined to do this as my primary source of income
    I’d rather do this on the side and earn a secondary income stream from it
    I haven’t decided yet, but I can see either working for me.

  • Chriistian Jotform Support
    Replied on March 16, 2016 at 9:09 PM

    Apologies for the inconvenience but unfortunately we could not see your attached image in the forum. To add an image in your post, please follow the instructions here: How to add screenshots/images to questions to the support forum?

    It would also help us if you can provide further information regarding your concern.

    We will wait for your reply.
    Regards.

  • regalwings
    Replied on March 17, 2016 at 6:58 PM

    REGARDING THIS QUESTION:

    The answers now show up on multiple lines, i want it to look like the below...

    Please tell us which opportunity you are interested in.

    I’m more inclined to do this as my primary source of income
    I’d rather do this on the side and earn a secondary income stream from it
    I haven’t decided yet, but I can see either working for me.

    image attached

    How to display text on radio buttons and check boxes on a single line?  Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on March 17, 2016 at 7:15 PM

    Try injecting this CSS code: 

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

        max-width: 100%;

    }

    This guide will help you to inject this code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    This should be the result: 

    How to display text on radio buttons and check boxes on a single line?  Image 1 Screenshot 20

  • regalwings
    Replied on March 17, 2016 at 7:47 PM

    thanks!