Disabling some radio buttons under "Image Radio Buttons"

  • michaelcalsado
    Asked on July 15, 2021 at 6:15 AM

    Hi, I want to disable a radio button from one of the images so that only the image for that entry is the only one visible (It cannot be selected but the image is there).

    Is there a custom CSS for this?

    Say images are all white with same width and height and I want 4th entry to have no radio button - only image (it cannot be selected).

    Jotform Thread 3221832 Screenshot
  • Jovanne JotForm Support
    Replied on July 15, 2021 at 8:35 AM

    Hi, thank you for contacting support.

    Please allow me some time to check on this, and I will get back to you as soon as I have more information.

    Thank you.

  • Jovanne JotForm Support
    Replied on July 15, 2021 at 8:44 AM

    Hi,

    Please try adding this custom CSS code to the widget's custom CSS section:

    #_d3 .black-radio, label#_l3 {
      display: none !important;
    }

    1626353044 60f02d9416b2c  Screenshot 10

    Please give it a try and let us know how it goes.

  • michaelcalsado
    Replied on July 15, 2021 at 9:28 PM

    Hello,

    Thank you for your prompt response. This is what happened. I am still able to select the radio. Is it possible to not be selected?

    1626398880 60f0e0a0b0033 dsfds Screenshot 10

  • Vick_W Jotform Support
    Replied on July 16, 2021 at 3:37 AM

    Hi there,

    Please inject the following CSS in the custom CSS section of the image choice widget.

    div#_a3.active {
    visibility: hidden;
    }

    Let us know if you need further assistance.

    Thanks

  • michaelcalsado
    Replied on July 16, 2021 at 5:18 AM

    Hi,

    Really appreciate your responses. I have replaced the one provided by Jovanne and you can see what happens on below:

    https://form.jotform.com/211671777229059

    But if I place both of them in the custom CSS, it works. Can it be done through 1 combined code?

    Cheers.

  • Vick_W Jotform Support
    Replied on July 16, 2021 at 6:39 AM

    Hi there,

    Please do not replace the code. You'll need to add both CSS codes in the widget.

    In fact, I'm adding both codes in the widget to fix this for you.

    You had different URLs in the widget earlier. Could you please add them again.

    1626431958 60f161d649d5b  Screenshot 10

    Looking forward to hearing from you.

    Thanks

  • michaelcalsado
    Replied on July 18, 2021 at 11:11 PM

    Yes it is working with both of them placed. Thank you very much sorry for the late response.