How to change the style to radio buttons to look like check boxes?

  • kingfisherweddings
    Asked on January 30, 2016 at 9:15 AM

    Is there any way I can have a check mark in the radio button field like the checkbox ones instead of a circle?

  • Kevin Support Team Lead
    Replied on January 30, 2016 at 8:43 PM

    You can change the style of the radio buttons and check boxes by opening the Designer, you will find it on the top toolbar in the form builder:

    How to change the style to radio buttons to look like check boxes? Image 1 Screenshot 40

    Then, click on the radio buttons and on the right side, you will find the options to change the style, click on radio button template:

    How to change the style to radio buttons to look like check boxes? Image 2 Screenshot 51

    Then, you will find the design that you are looking for:

    How to change the style to radio buttons to look like check boxes? Image 3 Screenshot 62

  • kingfisherweddings
    Replied on January 31, 2016 at 2:45 AM
    This doesn't solve the problem though because the radio buttons can't have check marks only check boxes can :/Kind regards,David Gray07881293648www.kingfisherweddings.co.uk31.01.2016, 01:43, "JotForm" <noreply@jotform.com>:A new response has been received:Answered by Kevin_GYou can change the style of the radio buttons and check boxes by opening the Designer, you will find it on the top toolbar in the form builder:Then, click on the radio buttons and on the right side, you will find the options to change the style, click on radio button template:Then, you will find the design that you are looking for:View this thread on browser » Unsubscribe Thread1454204598
    ...
  • Kevin Support Team Lead
    Replied on January 31, 2016 at 10:58 AM

    Thank you for clarify what are you trying to achieve, inject this CSS code, it should give to radio buttons a style like check boxes:

    input[type="radio"] {

       -webkit-appearance: checkbox;

       -moz-appearance: checkbox;

       -ms-appearance: checkbox;     /* not currently supported */

       -o-appearance: checkbox;      /* not currently supported */

    }

    See how it works on my demo form here: https://form.jotform.com/60290280400947.

  • AA_C
    Replied on January 31, 2016 at 11:02 AM

    Is it possible to inject code so that some items in a field are radio and some are check boxes?

    Sort of a combo type option.

    Robert

  • kingfisherweddings
    Replied on January 31, 2016 at 11:45 AM
    What the heck is this?Kind regards,David Gray07881293648www.kingfisherweddings.co.uk31.01.2016, 16:02, "JotForm" <noreply@jotform.com>:A new response has been received:Answered by AA_CIs it possible to inject code so that some items in a field are radio and some are check boxes?Sort of a combo type option.RobertView this thread on browser » Unsubscribe Thread1454256149
    ...
  • jonathan
    Replied on January 31, 2016 at 5:20 PM

    @David

    Another user had similar related question. So they just post on this thread the reason you got the message. We apologize for the confusion.

    ---

    @Robert

    We will resolve your question separately here http://www.jotform.com/answers/761170