Elliott Mangham elliottmangham

The following code enables the use of Gravity Forms (2.8.7 as of now) with the following features:

AJAX loading, 100% functional
Functional with page transitions (Barba.js, Taxi.js, Highway.js)
Enqueue Gravity Forms scripts used by each forms (including conditional logic scripts)
Works with recaptcha (with recent version of Gravity Forms reCAPTCHA Add-On, scripts are automaticaly enqueued)
Keep the form displayed after submission (optional)
Scripts moved to footer (optional)

The code was initially integrated into projects using roots/sage. I adapted the code for integration into "vanilla" WordPress projects but I have less feedback compared to the use I have with my stack, so feel free to let me know if there are any errors in the comments!

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

	// Changes Gravity Forms Ajax Spinner (next, back, submit) to a transparent image
	// this allows you to target the css and create a pure css spinner like the one used below in the style.css file of this gist.
	add_filter( 'gform_ajax_spinner_url', 'spinner_url', 10, 2 );
	function spinner_url( $image_src, $form ) {
	return 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'; // relative to you theme images folder

	}

	/**
	* Global styles based on Reboot.css
	* http://v4-alpha.getbootstrap.com/content/reboot/
	* https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
	*/

	/*
	Reset the box-sizing

	Change from `box-sizing: content-box` to `border-box` so that when you add

	<?php
	/**
	* To get this to work, you need to tinker with the acf/settings/ filter and reset the default language
	* so that the get_field() function returns the correct results even when not on the default language.
	*
	* You can add the filter before you call the get_field() function and then call it again with the current
	* language to reset it again, so it will affect other pages.
	*
	* answer courtesy of James of ACF Support
	*/

	/* EXTEND SUBNAV
	******************************************/

	class submenu_wrap extends Walker_Nav_Menu {
	function start_lvl( &$output, $depth = 0, $args = array() ) {
	$indent = str_repeat("\t", $depth);
	$output .= "\n$indent<div class='sub-menu-wrap'><ul class='sub-menu'>\n";
	}
	function end_lvl( &$output, $depth = 0, $args = array() ) {
	$indent = str_repeat("\t", $depth);

	$('input#edit-keys-1').blur(function(){
	tmpval = $(this).val();
	if(tmpval == '') {
	$(this).addClass('empty');
	$(this).removeClass('not-empty');
	} else {
	$(this).addClass('not-empty');
	$(this).removeClass('empty');
	}
	});