Wodpress (Gravity Forms Plugin) - Modification of Spinner during Form Submission

Job ID: 37181642

Budget: $30 – $250 USD

I am looking for someone to help me modify the HTML code that displays an animated gif (spinner) during the submission of a Gravity Forms-based form.

Due to the fact that there is an external API call during the form submission, the loading time for the confirmation page has been extended.

I need to replace the standard spinner that appears after clicking the final button with a popup containing a brief message about the need to wait for a few seconds for the form submission process to complete.

Currently, the spinner has the following code:
<img id="gform_ajax_spinner_2" class="gform_ajax_spinner" src="https://hidcungqtv.cfolks.pl/wp-content/plugins/gravityforms/images/spinner.svg" alt="">

I need to replace this <img> with a different HTML structure that allows for displaying a <div> with a short header and some interesting waiting animation.

Utilizing standard Gravity Forms functions such as gform_ajax_spinner_url is preferred. Full documentation can be found here: https://docs.gravityforms.com/

As a last resort, JavaScript can be used to change the HTML structure, although I would prefer to avoid thi and use build in gravity fomrms function/filter/action.

The changes should be implemented within an existing simple plugin by adding new code.
Related categories: PHP JavaScript WordPress CSS Gravity Forms