How to change Gift registry icon from checkbox to radio button?

is there a way to have the function of the gift registry into radio buttons?

Hi Gill,

Thanks for reaching out to Jotform Support. Unfortunately, it is not able to add gift registry features to your radio button. We don’t have a feature like that, but what we can do is we can change the checkbox icon to the radio button icon. Let me show you how:

1. In Form Builder, go to Gift registry widget field.
2. Click on Wand icon, and go to Custom CSS tab.
3. Now, paste the code below in the box and click on Update widget.

.checklist label.checkbox .after {

    content: '';

    width: 20px !important;

    height: 20px !important;

    top: 13px !important;

    left: 12px !important;

    border: 1px solid #12458c !important;

    border-radius: 50% !important;

    background: #d2d7e2 !important;

}

.checklist label.checkbox .before {

    content: '';

    width: 20px !important;

    height: 20px !important;

    border: 1px solid #12458c !important;

    border-radius: 3px !important;

    border-radius: .75em !important;

}

.checklist {

    box-shadow: none !important;

    border: none;

}

.checklist li {

    border-top: none !important;

}

Check out the screencast below to see my results:

If that’s not exactly what you’re looking for, can you explain a bit more, so I can help you better? Can you take a screenshot of what’s happening and send it to us? This guide will show you how to do that.

Give it a try and let us know if you have any other questions.

Hi Arghya,

Thank you for this. The css code for the radio buttons worked!

Hi Gill,

Thanks for getting back to us. I moved your other question to a new thread and helped you with that here:

• Ticket Purchase widget: deduct purchased ticket from widget 2 to widget 1
• Is there a way we can change the font and the size of the text to Helvetica 16px?

Reach out again if there’s anything else we can help you with.