Better Spinner on submit

Feature Requests
,
1

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.

2

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.

3

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.

4

Hi Jim. You can target:

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

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"; }

6

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.

7

Thanks Chris.

1 Like