Custom Image Radio Buttons

Overview

The Custom Image Radio Buttons Plugin replaces standard radio buttons with visually engaging image-based options. Users can select choices by clicking on images that represent each option, ensuring a more intuitive selection process. The plugin synchronizes the selection with hidden radio button inputs, ensuring seamless form submission.

Use Cases

This plugin is ideal for applications that require visually intuitive forms, such as product selection, membership types, or custom design choices. By using images instead of traditional radio buttons, users can quickly identify and select their preferred option.

Installing the plugin

Prerequisites:

1. The page must have a form component
2. The form must have a radio field
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this form, this can be a parent or child page.
2. Click on the Plugins
3. Find the Custom Image Radio Buttons plugin
4. Select the form
5. Select the radio field

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.