# Better Spinner on submit

**URL:** <https://community.gravityforms.com/t/better-spinner-on-submit/6130>\
**Category:** Feature Requests\
**Tags:** gform\_ajax\_spinner\_url, fontawesome\
**Created:** [September 16, 2020, 4:46pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130 "2020-09-16T16:46:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![jimlongo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jimlongo/32/139_2.png) [@jimlongo](https://community.gravityforms.com/u/jimlongo)\
**Post date:** [September 16, 2020, 4:46pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/1 "2020-09-16T16:46:20Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 16, 2020, 7:26pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/2 "2020-09-16T19:26:24Z")

</div>

Hi Jim. You can use the gform\_ajax\_spinner\_url filter to change that to a different image:

> **[gform\_ajax\_spinner\_url - Gravity Forms Documentation](https://docs.gravityforms.com/gform_ajax_spinner_url/)**
>
> This filter can be used to change the default AJAX spinner image

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

---

<div class="post-metadata">

**Author:** ![jimlongo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jimlongo/32/139_2.png) [@jimlongo](https://community.gravityforms.com/u/jimlongo)\
**Post date:** [September 17, 2020, 2:58am UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/3 "2020-09-17T02:58:18Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 17, 2020, 5:04am UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/4 "2020-09-17T05:04:11Z")

</div>

Hi Jim. You can target:

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

```

---

<div class="post-metadata">

**Author:** ![jimlongo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jimlongo/32/139_2.png) [@jimlongo](https://community.gravityforms.com/u/jimlongo)\
**Post date:** [September 17, 2020, 6:06pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/5 "2020-09-17T18:06:03Z")

</div>

Thanks again Chris, this just doesn’t seem to have any effect on [https://wanlesstennis.com/contacts/member-support/?cache=bypass](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"; }`

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 17, 2020, 8:04pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/6 "2020-09-17T20:04:39Z")

</div>

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:

> **[Login | Gravity Forms](https://www.gravityforms.com/gravity-forms-roadmap/)**

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

---

<div class="post-metadata">

**Author:** ![jimlongo](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jimlongo/32/139_2.png) [@jimlongo](https://community.gravityforms.com/u/jimlongo)\
**Post date:** [September 17, 2020, 10:23pm UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/7 "2020-09-17T22:23:03Z")

</div>

Thanks Chris.

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [September 18, 2020, 5:51am UTC](https://community.gravityforms.com/t/better-spinner-on-submit/6130/8 "2020-09-18T05:51:50Z")

</div>