Skip to main content

Radio Field Styling

Overview

Enhance your forms' visual appeal and usability with the 'Radio Field Styling' plugin. This plugin modernizes radio buttons by hiding them for a cleaner interface and adding stylish borders to accentuate selected options. It improves user interaction and intuitiveness, providing a polished and user-friendly experience.

Use Cases

  • This plugin is ideal for applications where enhancing the aesthetics and functionality of forms is crucial, such as surveys, preference selectors, and any scenario where radio buttons are used.

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 Radio Field Styling 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.