Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Use a Radio Button or Checkbox with Button

Last Updated: November 2, 2021

Knowledge Base → Forms → Form Building → Field Types → Surveys and Polls → Use a Radio Button or Checkbox with Button
— Requires Surveys and Polls plugin —

You can use Radio Buttons and Checkboxes options with buttons in your survey form. It can be customized for a survey, quiz, poll, purchase form, and many more.
Survey Form Checkbox Radio with Buttons as Images form

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!
If you haven't already done so, install the WordPress Survey and Polls plugin.

Add radio or checkbox with buttons

To add buttons in a Checkbox or Radio Button field:

  1. Add a Radio button or Checkbox field to your form.
  2. Select the Buttons icon as the display format.
    Survey Form Checkbox Radio with Buttons
  3. Select the alignment for the text in the Text Alignment dropdown.

Use images in buttons

To add images or icons in a button:

  1. Select the Use images in buttons checkbox if you want to show buttons with an image or icon.
    Survey Form Checkbox Radio with Buttons Images
  2. Select the alignment for the image in the Image Alignment dropdown.
  3. Each option includes an image and a text label. For each option:
    • Click on the Upload Image button to choose an image. You can upload a new image or choose an image that's already in the Media Library.
    • Fill in a text label. Each option must have a text label, even if you're not showing it in the form.

Display Buttons with images

Display selected button values and their image in a form confirmation message, email, or View.

Shortcode options

  • Show label and image: If an image is uploaded in the field option, it will show the label and image by default.

    [x]

    Replace x with the ID of the radio/checkbox field.

  • Hide image: Hide the image and show only the label:

    [x show_image=0]

    Replace x with the ID of the radio/checkbox field.

  • Hide label: Hide the label and show only the image.

    [x show_label=0]

    Replace x with the ID of the radio/checkbox field.

  • Add link: Link to the full-sized image.

    [x add_link=1]

    Replace x with the ID of the radio/checkbox field.

  • Open link in a new tab: Open the link to the image in a new browser tab. The new_tab=1 parameter must be used in conjunction with the add_link=1 parameter.

    [x add_link=1 new_tab=1]

    Replace x with the ID of the radio/checkbox field.

  • Show attachment ID: Display the attachment ID of the selected image.

    [x show=id]

    Replace x with the ID of the file upload field.

  • Add radio or checkbox with buttons
    • Use images in buttons
  • Display Buttons with images
    • Shortcode options
Categories
×

Categories

  • Installation & Getting Started
  • Account Management
  • Forms
  • Entries
  • Views
  • Styles
  • Importing & Exporting
  • Add-Ons
  • Extend Formidable Forms

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

You do not have permission to view this form.

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews