Skip to content

Instantly share code, notes, and snippets.

@codearachnid
Last active August 22, 2022 18:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codearachnid/7b383cd7c0c84d69e622afd2c5cc8489 to your computer and use it in GitHub Desktop.
Save codearachnid/7b383cd7c0c84d69e622afd2c5cc8489 to your computer and use it in GitHub Desktop.
Gravity Forms full page spinner
img.gform_ajax_spinner {
position: fixed !important;
z-index: 999999;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block !important;
overflow: hidden !important;
width: 100% !important;
height: 100% !important;
background-color: rgba(0,0,0);
/* fall back */
background-color: rgba(0,0,0,0.7);
url('/wp-content/uploads/.../preloading.gif'); /* fallback GIF spinner */
/* awesome svg loaders from http://samherbert.net/svg-loaders/ */
background-image: linear-gradient(transparent,transparent), url('/wp-content/uploads/.../pulse.svg'); /* SVG spinner */
background-repeat: no-repeat;
background-size: 60px 60px;
background-position: center center;
}
<?php
add_filter("gform_ajax_spinner_url", "transparent_spinner_url", 10, 2);
function transparent_spinner_url( $image_src, $form ){
// locally load https://commons.wikimedia.org/wiki/File:Transparent.gif
return '/wp-content/uploads/.../transparent.gif';
}
<?php
add_filter('upload_mimes', 'inject_svg_mime_types');
function inject_svg_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment