How can have radio buttons appear on a single line?

  • Profile Image
    Asked on April 14, 2014 at 10:48 PM

    I want to allow form users to rate something on a scale from 1 to 10, using 10 (measurable) radio buttons ranging from 1 to 10.  I'd like it to appear on one line.  If I use Spread Columns, it only seems to have the option of 4 columns, so my form will look like:

    1 2 3 4

    5 6 7 8

    9 10


    I want it to be:

    1   2   3    4    5   6   7   8   9   10


    As I'm setting the form width up for a website, there should be enough room.


    How do I do this?

  • Profile Image
    Answered on April 15, 2014 at 03:01 AM

    Hello paulnewton,

    It may be possible to reduce the spaces between radio buttons  by injecting custom css code. But have you looked at our "Matrix" field? I believe adding a matrix field should solve your problem. Please check the screenshot below:


    Please take a look at the following cloned form and see if this looks okay to you: Feel free to clone this form for a closer look. The following guide should help you in form cloning:

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!