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.

Ajax submit and jump to next form on same page? (No page refresh)

  1. Hi there.

    I have been (reluctantly) pulled into help with a project where there is a single survey page with 7 separate gravity froms.

    We need to be able to do an ajax submit on each form and have the page jump down to the next form, ideally by being able to hook in a nice jquery page scroll effect.

    Is there a a way to use a post gravity form submit hook to trigger the jump / scroll down to the next form which is wrapped in a named div? i.e.: <div id="form2"> [gravity_form]</div>

    We have to be able to move between forms without refreshing the page.

    Alternatively, is there a way to use the multi-form process but have all pages in the multi-form shown on the same page one after the other. Submitting on page one again triggers the jump /move down to page 2. We'd need to hide the progress bar in this instance.

    Oh... I just noticed the "gform_confirmation"anchor" function. Ideally we need something like this that will display an errors in the form but on a successful submit will scroll to the next specified form id (or div name).

    I need a fairly urgent answer on getting one of these options to work - if anyone can help I'd greatly appreciate it.

    Posted 10 years ago on Friday May 17, 2013 | Permalink
  2. Handling via priority support.

    Posted 10 years ago on Saturday May 18, 2013 | Permalink

This topic has been resolved and has been closed to new replies.