How can I add an 'N/A' radio button to an existing row of 10 radio buttons?

  • AscendScholarships
    Asked on September 19, 2016 at 5:04 PM

    I would like to have N/A button after the 10.

    How would you rate Conference programming?*

    Unsatisfactory Great
  • Chriistian Jotform Support
    Replied on September 19, 2016 at 9:47 PM

    Unfortunately it is not possible to have an n/a button after the 10 of the scale rating field. A possible workaround would be to add an 11th value on the rating and modify its display from 11 to N/A using css. However the result in your submissions would still appear as 11 and not N/A. The css only modifies how it would appear to the user.

    If you want to use the workaround, please follow the steps below.

    1. Add an 11th value to your scale fields

     How can I add an N/A radio button to an existing row of 10 radio buttons?  Image 1 Screenshot 30

    2. Inject  the custom css below to your form.

    .form-scale-table th:nth-of-type(12) label:before {

        color: grey;

        content: 'N/A';

        display: block;

        position: absolute;

    .form-scale-table th:nth-of-type(12) label {

        color: #fff;

    }

    Here's how it should look after 

    How can I add an N/A radio button to an existing row of 10 radio buttons?  Image 2 Screenshot 41

    If you need further assistance please let us know.