Disabling some radio buttons under "Image Radio Buttons"

  • Profile Image
    michaelcalsado
    Asked on July 15, 2021 at 06: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).

    Screenshot
  • Profile Image
    Jovanne_A
    Answered on July 15, 2021 at 08: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.

  • Profile Image
    Jovanne_A
    Answered on July 15, 2021 at 08: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_

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

  • Profile Image
    michaelcalsado
    Answered on July 15, 2021 at 09: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.png

  • Profile Image
    Vick_W
    Answered on July 16, 2021 at 03: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

  • Profile Image
    michaelcalsado
    Answered on July 16, 2021 at 05: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.

  • Profile Image
    Vick_W
    Answered on July 16, 2021 at 06: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_

    Looking forward to hearing from you.

    Thanks

  • Profile Image
    michaelcalsado
    Answered 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.