Better Spinner on submit

This was mentioned years ago, I keep waiting for some implementation of a better spinner. Whether it uses FontAwesome or something else I don’t really care, but the current client facing UX is really not good in this regard when the submit button is clicked.

Is there a workaround?
A way to replace the current spinner with something else.

Thanks.

Hi Jim. You can use the gform_ajax_spinner_url filter to change that to a different image:

That is currently the only option available for changing that spinner. Please let us know if you have any other questions.

Hi Chris, thanks for this.

Can you tell me what how I can apply some css to this “image”.
Is there some consistent id or class that it is contained in?

P.S. regarding using FontAwesome spinners, they are rendered using <i> tags, and you cannot return html in the function, it must be an image.

Hi Jim. You can target:

body .gform_wrapper span#gform_spinner img {
  // your styles
}

Thanks again Chris, this just doesn’t seem to have any effect on https://wanlesstennis.com/contacts/member-support/?cache=bypass

css
body .gform_wrapper span#gform_spinner img { position: relative; top: -72px; left: 153px; height: 3em; }

functions.php
//GFORMS spinner https://docs.gravityforms.com/gform_ajax_spinner_url/ add_filter( 'gform_ajax_spinner_url', 'spinner_url', 10, 2 ); function spinner_url( $image_src, $form ) { return "https://www.wanlesstennis.com/images/spinner.gif"; }

Hi Jim. I think this does fall into the feature request category. It is fairly limited in what it can do right now. I recommend adding your request to our product roadmap here:

Click the blue :heavy_plus_sign: in the lower left to get started with a new note. Thank you.

Thanks Chris.

1 Like
© 2008 - 2019. Gravity Forms is a project by Rocketgenius Inc.