TutorialRadio Button Images Gravity Forms

Did you know you can use images in your radio buttons in Gravity Forms? This is a nice way to provide your visitors with a visual, appropriate image to select when they provide information. You see it already as a design pattern, so use it also in your Gravity Form!

This field is hidden when viewing the form

Demo

Advanced Merge Tags

Checkbox Images

Radiobutton Images

Star Rating

Ranking

Unique ID

Copycat

Address autocomplete

Autocomplete

GP Limit Dates

Preview Submission

Word Count

Likert Scale

This field is hidden when viewing the form

List Field Number Format

Make a choiceEnable Number FormatMerge TagsBoth

Likert Scale

Gravity Forms Survey Field Likert Scale

	Strongly disagree	Disagree	Neutral	Agree	Strongly agree
First row
Second row
Third row
Fourth row
Fifth row

Word Count

Single Line Text

Paragraph Text

Preview Submission

Your name(Required)

GP Limit Dates

Date

MM slash DD slash YYYY

Select your date between today and 1 month ahead. You can only select Tuesdays, Wednesdays and Thursdays in this period. That’s what this plugin does, and more. For example you can set fixed dates, ranges from today, etc.

Date +365 days

MM slash DD slash YYYY

This date must be exactly 365 days in the future.

Advanced Merge Tags

Text(Required)

Date

MM slash DD slash YYYY

Copycat

Field 1

Field 2

Example

Copy Field 1 to Field 3

Example

Copy Field 2 to Field 3

Example

Copy Field 1 to 3 and Field 2 to 4

Field 3

Field 4

Address Autocomplete

Address

Street Address City State / Province / Region ZIP / Postal Code AfghanistanAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua and BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBoliviaBonaire, Sint Eustatius and SabaBosnia and HerzegovinaBotswanaBouvet IslandBrazilBritish Indian Ocean TerritoryBrunei DarussalamBulgariaBurkina FasoBurundiCabo VerdeCambodiaCameroonCanadaCayman IslandsCentral African RepublicChadChileChinaChristmas IslandCocos IslandsColombiaComorosCongoCongo, Democratic Republic of theCook IslandsCosta RicaCroatiaCubaCuraçaoCyprusCzechiaCôte d'IvoireDenmarkDjiboutiDominicaDominican RepublicEcuadorEgyptEl SalvadorEquatorial GuineaEritreaEstoniaEswatiniEthiopiaFalkland IslandsFaroe IslandsFijiFinlandFranceFrench GuianaFrench PolynesiaFrench Southern TerritoriesGabonGambiaGeorgiaGermanyGhanaGibraltarGreeceGreenlandGrenadaGuadeloupeGuamGuatemalaGuernseyGuineaGuinea-BissauGuyanaHaitiHeard Island and McDonald IslandsHoly SeeHondurasHong KongHungaryIcelandIndiaIndonesiaIranIraqIrelandIsle of ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKorea, Democratic People's Republic ofKorea, Republic ofKuwaitKyrgyzstanLao People's Democratic RepublicLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesiaMoldovaMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorth MacedoniaNorthern Mariana IslandsNorwayOmanPakistanPalauPalestine, State ofPanamaPapua New GuineaParaguayPeruPhilippinesPitcairnPolandPortugalPuerto RicoQatarRomaniaRussian FederationRwandaRéunionSaint BarthélemySaint Helena, Ascension and Tristan da CunhaSaint Kitts and NevisSaint LuciaSaint MartinSaint Pierre and MiquelonSaint Vincent and the GrenadinesSamoaSan MarinoSao Tome and PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint MaartenSlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Georgia and the South Sandwich IslandsSouth SudanSpainSri LankaSudanSurinameSvalbard and Jan MayenSwedenSwitzerlandSyria Arab RepublicTaiwanTajikistanTanzania, the United Republic ofThailandTimor-LesteTogoTokelauTongaTrinidad and TobagoTunisiaTurkmenistanTurks and Caicos IslandsTuvaluTürkiyeUS Minor Outlying IslandsUgandaUkraineUnited Arab EmiratesUnited KingdomUnited StatesUruguayUzbekistanVanuatuVenezuelaViet NamVirgin Islands, BritishVirgin Islands, U.S.Wallis and FutunaWestern SaharaYemenZambiaZimbabweÅland Islands Country

Unique ID

Text

Unique ID Alphanumeric

Unique ID Numeric

Unique ID Sequential

Unique ID Sequential with Text Prefix

Unique ID Random with Text Suffix

Star Rating

Example ranking (order) field

• First Choice
• Second Choice
• Third Choice
• Fourth Choice
• Fifth Choice

Star Rating

Star Rating

ExcellentPretty goodNeutralNot so greatTerrible

Checkbox Images

Checkbox images

Checkbox Images

Radiobutton images

List Field Number Format – Activate Number Format

9,999.99 Number Format

Add Remove

9.999,99 Number Format

Add Remove

Valuta Number Format

Add Remove

---

Rounding

Round up

Round down

 

Add Remove

List Field Number Format – Merge Tags

List single column (Field ID: 1)

Add Remove

Column total

Total number of rows

---

List multiple columns (Field ID: 7)

Quantity

Price

Total

 

Add Remove

Column 1 total

Column 2 total

Column 3 total

Examples Modifiers:

:gwp_remove_accents	{Text:59:gwp_remove_accents}
:gwp_urlencode	{Text:59:gwp_urlencode}
:gwp_length	{Text:59:gwp_length}
:gwp_word_count	{Text:59:gwp_word_count}
:gwp_case to=upper	{Text:59:gwp_case to=upper}
:gwp_case to=lower	{Text:59:gwp_case to=lower}
:gwp_case to=lower_first	{Text:59:gwp_case to=lower_first}
:gwp_case to=upper_first	{Text:59:gwp_case to=upper_first}
:gwp_case to=upper_words	{Text:59:gwp_case to=upper_words}

Examples Merge Tags:

Date Field	{Date:63}
First day of next month
Next Monday
Monday this week

{Your name:72} rules

{Your name:72} on Names.org {Your name:72} on Behind the Name

Configuration of Radio Button Images in Gravity Forms

You just add an <img> tag in the label, containing the image you want to show.

HTML code used in this example

In this example we used the following code to show images in our Gravity Forms Radio button field:

<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-1.jpg" alt="Happy"></img>
<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-2.jpg" alt="Crazy"></img>
<img src="http://gravitywp.com/gravity/uploads/2015/10/smiley-3.jpg" alt="Not happy"></img>

Image Choices Plugin (JetSloth)

JetSloth made a Gravity Forms add-on to make adding images to radio-buttons (and checkboxes) even more simple. Read more about the Image Choices plugin for Gravity Forms.

Our Premium add-ons for Gravity Forms

DateTime Field

The GravityWP - DateTime Field add-on adds a dedicated Date/Time field to Gravity Forms so users can enter both a date and a time in a single input.

Update Multiple Entries

Trigger the update of multiple entries in a target form by submitting an entry in a trigger form.

API Connector

Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.

Field to Entries

Create entries based on Checkboxes & Multi Select choices & List Field rows.

See all add-ons

Read tutorials about

Show Previous Gravity Forms Submissions Using Advanced Merge Tags

This step-by-step tutorial shows how to use GravityWP Advanced Merge Tags to count previous Gravity Forms submissions and calculate total submitted value based on a matching email address.

Gravity Forms LeadConnector Integration with OAuth 2.0

This documentation-based tutorial explains how to connect Gravity Forms to LeadConnector/HighLevel with OAuth 2.0, search contacts by email, and map returned CRM values back into form fields using GravityWP API Connector.

Gravity Forms Zoho CRM Integration: How to Auto-Populate Form Fields by Email

Learn how to auto-populate Gravity Forms from Zoho CRM using GravityWP API Connector. This tutorial shows how to search Zoho Contacts by email and fill form fields with the returned data.

How to Create a Public Submission Business Directory in WordPress (Gravity Forms + GravityView)

Build a moderated business directory where users submit listings through a form, admins approve entries, and approved businesses appear in a searchable GravityView directory.

See all tutorials