TutorialGravity Forms Image Choices

Do you want to add images as choices for Radio Buttons or Checkboxes fields within Gravity Forms (or Survey, Quiz, Product and Options)? With this plugin you can add images without having to paste HTML code inside your Form Fields. And it produces beautifully styled and easily adaptable css styling.

Simply add a checkbox or radio button in Gravity Forms

See here how it works in the back-end. Click on ‘Use images’ and you can upload directly to the choice. See here how you can do that in GF2.5 and later:

Screenshot of a Jetsloth Image Choices Radio Button with three images. Gravity Forms 2.5 and later
Screenshot of a Jetsloth Image Choices Radio Button with three images.
Screenshot of Settings of a Gravity Forms Radio Buttons Field with Image Choices enabled.  Gravity Forms 2.5 and later
Screenshot of Settings of a Gravity Forms Radio Buttons Field with Image Choices enabled.

In GF2.4 and earlier

Screenshot of Settings of a Gravity Forms Radio Buttons Field with Image Choices enabled.  Gravity Forms 2.4 and earlier
Screenshot of Settings of a Gravity Forms Radio Buttons Field with Image Choices enabled. Gravity Forms 2.4 and earlier

Styling your radio button or checkbox images

JetSloth provides some very nice tutorials how to change the styling of your images, with very nice hover effects.

Screenshot of JetSloth Example - Custom Styles – Circles
JetSloth Example – Custom Styles – Circles
Screenshot of JetSloth Example -  Custom Styles – Polaroid
JetSloth Example – Custom Styles – Polaroid
Screenshot of JetSloth Example -  Custom Styles – Shadow Box
JetSloth Example – Custom Styles – Shadow Box
Screenshot of JetSloth Example -  Custom Styles – Floating
JetSloth Example – Custom Styles – Floating

Read more tutorials about JetSloth

JetSloth develops add-ons for Gravity Forms, like a Color Picker field, Collapsible Sections, Bulk Add Fields, Image Choices, Gravity Forms Tooltips and Bulk Actions. Visit JetSloth.com
All tutorials JetSloth