PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

How to Change Loading Image

  1. rosspw
    Member

    When AJAX is enabled, it seems that there is a little animated loading .gif that is triggered upon a form being submitted.

    I am looking to switch out this animated .gif or disable it -- can somehow help point me to the source of what triggers that animated image and also where it's stored in Gravity Forms?

    Thanks.

    Posted 11 years ago on Monday June 4, 2012 | Permalink
  2. David Peralty

    It is the loading.gif image in the gravityforms/images folder. As for what triggers it, I'll have to ask the developers.

    Posted 11 years ago on Monday June 4, 2012 | Permalink
  3. if I replace this file with my own loader in the plugin will it then get overwritten again when I upgrade? Is there a future proof way to change this?

    Posted 11 years ago on Friday November 16, 2012 | Permalink
  4. Yes, it will get overwritten and no, there isn't currently a "future proof" way of replacing it per se. You may be able to target the container with CSS, hide the image and then apply your own background image. I'll have to test that idea to be sure, but that might work for you. Just remember to put your new CSS rule in your THEME stylesheet rather than modifying the default forms.css file as that gets overwritten with new updates.

    Posted 11 years ago on Friday November 16, 2012 | Permalink
  5. I might be misunderstanding the question, but you can also use the gform_ajax_spinner_url filter to change the URL of the spinner image:

    http://www.gravityhelp.com/documentation/page/Gform_ajax_spinner_url

    That should be future-proof. My apologies if I misunderstood the question.

    Posted 11 years ago on Saturday November 17, 2012 | Permalink