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

  • Profile Image
    AscendScholarships
    Asked on September 19, 2016 at 05:04 PM

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

    How would you rate Conference programming?*

    Unsatisfactory Great
  • Profile Image
    Chriistian
    Answered on September 19, 2016 at 09: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

     

    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 

    If you need further assistance please let us know.