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

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close