Gravity Forms – Filter button so it supports icons

Written by Bill EricksonPublished on March 19, 2015Updated on December 5, 2018

	<?php
	// filter the Gravity Forms button type
	add_filter("gform_submit_button", "form_submit_button", 10, 2);
	function form_submit_button($button, $form){
	// The following line is from the Gravity Forms documentation - it doesn't include your custom button text
	// return "<button class='button' id='gform_submit_button_{$form["id"]}'>'Submit'</button>";
	// This includes your custom button text:
	return "<button class='button' id='gform_submit_button_{$form["id"]}'>{$form['button']['text']}</button>";
	}
	// Oops this strips important stuff

view raw gistfile1.php hosted with ❤ by GitHub

	<?php
	// This try reveals my use case: I was actually trying to add a pseudo element to the input button
	// This leaves the <input> as is, but prepends a span element
	add_filter("gform_submit_button", "form_submit_button", 10, 2);
	function form_submit_button($button, $form){
	return "<span></span>".$button;
	}
	// This kinda works for my purpose but is really not ideal

view raw gistfile2.php hosted with ❤ by GitHub

	<?php
	// This is what I settled on
	// Change Gravity Forms submit input to a button element
	add_filter( 'gform_submit_button', 'form_submit_button', 10, 5 );
	function form_submit_button ( $button, $form ){
	$button = str_replace( "input", "button", $button );
	$button = str_replace( "/", "", $button );
	$button .= "{$form['button']['text']}</button>";
	return $button;
	}
	// It's not perfect - it leaves some inapplicable attributes in the element
	// but I can live with that to avoid a whole bunch more str_replace
	// and it leaves the important onclick and tab index intact

view raw gistfile3.php hosted with ❤ by GitHub

Bill Erickson

Bill Erickson is the co-founder and lead developer at CultivateWP, a WordPress agency focusing on high performance sites for web publishers.

Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.