Gravity Form Buttons Stopped Working

Support
#1

I have a site built with Pro. I have a Cornerstone page with several Gravity Forms quizzes.

I was just made aware of an issue with these quiz submissions. When looking into the issue, I confirmed the multi-page gravity form buttons for navigating between form screens and submitting the form no longer work as they have been. The last entries are from the end of October/beginning of November 2024. There is also two separate, but related, issues.

On the page, there are 7 separate forms contained in 7 separate hidden rows. The rows are revealed after clicking/tapping a headline element styled as a button which uses a small bit of jQuery to show/hide the row. The Gravity Forms are added to the hidden row/column via a Raw element with the Gravity Form shortcode. At the time the page was originally created, there was issues using the Form Integration element and this is why they are using the Raw element. Switching back to a Form Integration element with Gravity Forms selected allowed the form buttons to work, but navigating the GF pages cause a full page reload with GF AJAX on. Also the confirmation message was loaded as a new tab/page and not within the form element. Switching to embed and using the GF shortcode seemed to have similar issues.

When checking the browser console, there are some warnings and unrelated errors, but nothing seemingly related to Gravity Froms or Pro. I’ve tried these forms in every browser I have installed; Microsoft Edge, Firefox, Chrome and Brave on Windows 10. Also in macOS 14.4.1 in Safari, Chrome and Brave with the same results.

To summarize my issues:

  1. Gravity Form buttons unresponsive
  2. Form navigation to next form page or confirmation message forces full page reload.
  3. Contact form not displaying

I’ve cloned the production site to a staging site and included the URL in a secure note.

1 Like
#2

Hello Kevin,

Thanks for writing in! When I inspected your page, I found out a JS error.

  • See the image in the secure note below

It seems that the Duracelltomi Google Tag Manager plugin is causing an issue. Kindly temporarily deactivate this plugin and test your Contact Us page again.

Best Regards.

#3

To summarize my issues:

  1. Gravity Form buttons unresponsive
  2. Form navigation to next form page or confirmation message forces full page reload.
  3. Contact form not displaying

There are 3 issues. You did not address the first 2.

I disabled the GTM4WP (Duracelltomi) plugin and the contact form still fails to display.

#4

Hello Kevin,

The issues are connected to each other. It seems that a script is adding style="display:none;" to the Form tag itself.

image

Since you have the Gravity Form license, please contact the creators of the plugin as they might have a known issue about this.

Best Regards.

#5

Thanks for catching that, I’ll open a ticket with GF support to look into this for the contact form.

For the main issues with the Workshop quizzes, that seems not to be related to the Contact Form display issue.

As mentioned in the original post, I tested different ways of adding the form to the page by adding the same form via:

  1. Form Integration element set to Gravity Forms.
  2. Form Integration element set to Embed and pasting in the form embed shortcode
  3. Text element with the embed shortcode pasted into the raw tab of the text element
  4. Raw element with the embed shortcode pasted (original method that was working up until recently)

Only method 3 allows the form navigation and submit buttons to work as expected. I still experience issues with the form causing a full page reload on navigating the form. I’m not sure if that is an issue with Pro/Corner Stone or Gravity Forms.

#6

Hi Kevin,

I have checked both pages and found the form is working. Specifically, used the Contact Form in all 4 ways one by one, and it worked as expected. If you are still facing the issue, I would suggest you provide a video that helps us understand.

Thanks

#7

The quizzes on Workshops page were the main issue. The contact form has a open ticket with GF Support.

The quizzes now seem to be working as expected for me on the staging clone using all three methods to embed. I didn’t make any changes since my last response. The settings and the page is the same on production, but continues with the same issue. I’ve checked GF settings and page settings/code for both, and they match. I tried exporting the page from staging to production, and still had the same problem on the production site. I’ll be digging into this today and will update with a video if needed.

#8

Hi Kevin,

Thanks for the update. We will wait for your response.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.