TutorialColorpicker Gravity Forms

Gravity Forms doesn’t offer a colorpicker as one of their standard fields. JetSloth released a Gravity Forms Add-On to include a color-picker in your form. It hooks into several Standard Fields like ‘Single Line Text’, ‘Radio Buttons’ and ‘Checkboxes’.

Gravity Forms Color Picker

JetSloth built their Gravity Forms Color Picker add-on off the back of their own popular Image Choices add-on for Gravity Forms. The GF Color Picker add-on works straight out of the box. Simply tick on the ‘use colors’ option when you add any checkbox or radio based field. Gravity Forms Color Picker supports radio fields, checkbox fields and single text line fields.

Screenshot of Jetsloth Gravity Forms Color Picker Field applied to Radio Buttons (picking one color out of five predefined colors). Gravity Forms 2.5 and later
Screenshot of Jetsloth Gravity Forms Color Picker Field applied to Radio Buttons (picking one color out of five predefined colors).

Using color picker in Single Line Text

This JetSloth plugin adds a checkbox to the ‘General’ tab of the Single Line Text to choose Use Color Picker.

Screenshot of using the Color Picker for Gravity Forms in a Single Line Text Field. Gravity Forms 2.5 and later
Screenshot of using the Color Picker for Gravity Forms in a Single Line Text Field.

Using color picker in Radio Buttons

The Radio Buttons field allows users to select one option from a list. Only one option from the available choices can be selected. It is available under the Standard Fields section within the form editor. JetSloth hooks in on the default Radio Buttons to add a color option.

Screenshot exampe of picking a color inside a Radio Button choice in Gravity Forms. Gravity Forms 2.5 and later
Screenshot exampe of picking a color inside a Radio Button choice in Gravity Forms.

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