Multiple choice field - need selection to be completely filled in - no checkmark

  • WebServ
    Asked on January 19, 2017 at 10:58 AM

    Is there an option to completely fill in the bubbles in a multiple choice field rather than a checkmark?  

     

    For example:

    Multiple choice field   need selection to be completely filled in   no checkmark Image 1 Screenshot 30

    Multiple choice field   need selection to be completely filled in   no checkmark Image 2 Screenshot 41

     

    Thank you!!

  • Boris
    Replied on January 19, 2017 at 12:17 PM

    Yes, this is achievable on your form named "Remark TEST form", by injecting the following custom CSS into it:

    .form-checkbox-item:not(#foo) input:checked + label::after {
        box-shadow: none;
        width: 18px;
        height: 18px;
        top: 0;
        left: 4px;
        border-radius: 10px;
        transform: none;
    }

    You can inject custom CSS into your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    And this is how your form would display (black circles are the selected ones):

    Multiple choice field   need selection to be completely filled in   no checkmark Image 1 Screenshot 20

    Please try it out, and let us know whether you need further assistance. Thank you.