Gravity Wiz

Magically enhanced tutorials, snippets and plugins for Gravity Forms!

gppa_loading_field_target_meta

  1. Description
  2. Usage
  3. Parameters
  4. Example
  5. Since

Description

Specify which element is used to indicate that a field is about to be replaced with fresh data and which element will be replaced when that data is fetched.

Usage

gform.addFilter( 'gppa_loading_field_target_meta', 'my_custom_function' );

Parameters

  • targetMeta array

    • $fieldContainer jQuery

      The element that should show the loading indicator and be replaced.

    • loadingClass string

    The class that will be applied to the target element.

  • $element jQuery

    The field element. By default, the the field container will start pulsing.

  • context string

    The context of the target meta. Will be loading or replace.

Example

/**
 * Gravity Perks // Populate Anything // Replace Field with Spinner Instead of Pulsing
 * https://gravitywiz.comhttps://gravitywiz.com/documentation/gravity-forms-populate-anything/
 *
 * 1. Install this snippet with our free Custom JavaScript plugin.
 *    https://gravitywiz.com/gravity-forms-custom-javascript/
 */
gform.addFilter('gppa_loading_field_target_meta', function (targetMeta, $elem, context) {
	/* Only modify behavior in loading context */
	if (context !== 'loading') {
		return targetMeta;
	}

	var spinner = document.createElement('div');

	targetMeta[0].find('input, select, textarea').hide();

	targetMeta[0].prepend(spinner);
	targetMeta[0] = jQuery(spinner);
	targetMeta[1] = 'gppa-spinner';

	return targetMeta;
});

Since

This filter is available since GP Populate Anything 1.0-beta-4.72