HTML anchor in Gravity Forms does not work correctly when there are two forms on the same page

[stefaneklund]

Hi

I contacted support at Gravity Forms in relation to the second form (bottom of page) here: https://gjeldsmegler1.no/tjenester/inkasso-hjelp/
Clicking the Neste/Next button in the bottom form it will jump to the top of the page using Xtheme.

Support mentioned testing with a default theme. So on a dev site I switched to Twenty Twenty One.
https://gjeldsmegler1.no/devsite-gjeldsmegler1/tjenester/inkasso-hjelp/
Went to the bottom form and clicked the Neste/Next button. It jumped correctly.

It would be nice to have this work correctly.
Thanks!

[marc_a]

Hi @stefaneklund,

Thanks for reaching out!

I check and tested the two page URL then the reason why you can tell that when you press the next and prev button it will go to top because as you can see on the actual ( live website) there’s no text or images above unlike the staging area. As you can see in the image below it will go where to anchor link then the anchor link above the form container. It applies to the second gravity form at the bottom part. So I conclude there’s nothing wrong with the Gravity form using the X theme.

If you are referring to something else, please let us know.

Thank you.

[stefaneklund]

Hi I got it taken care of.
What I figured out with some exploration was that I had to click edit text in relation to the form inside Cornerstoen. I had to add ajax=“true” to the forms shortcode. This was only needed in relation to all the forms that are on the bottom of the page, so that clicking the Nest/Next button jumped to the bottom form and not the top form.

[ruenel]

Hey @stefaneklund,

We are glad you’ve figured out a way to resolve your issue.
Thank you very much for letting us know.

Cheers.