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.

Easy access to section breaks

  1. I have a form on my web which is used to order products online.
    This form has 9 steps until the user reaches the submit button.
    Every step has a bunch of products so the users must scroll down the page to find the 'continue' button, even if he is not interested in the products on that section.
    I was wondering how can I have an easy access to every section break, such buttons or menu or links, so the users doesn't have to see all the products and all the steps till he reaches the submit order button. My form is here: http://xarcuteriacatalana.com/fes-la-teva-comanda/
    Thanks in advance.

    Posted 5 years ago on Saturday March 23, 2013 | Permalink
  2. Looks like you are using page breaks, not section breaks. Are you looking for a way to jump forward and skip over pages? Or are you going to use section breaks?

    If you want to navigate between pages in a multi-page form, please see this post by Alex Cancado:
    http://www.gravityhelp.com/forums/topic/form-progress-bar-with-images-targeting-different-pages#post-64541

    Posted 5 years ago on Sunday March 24, 2013 | Permalink
  3. Thanks for your answer.
    I have done the same steps the other user did to create image links to different pages on the form, but still the link always go to the next page, not to an especific page.

    I am not sure I understood the "hidden field" process.
    I just created an HTML placeholder with the code, at the top of every page.
    ┬┐What am I doing wrong?

    Posted 5 years ago on Monday March 25, 2013 | Permalink
  4. Let me check with Alex to see if we have another example of this code working somewhere.

    Posted 5 years ago on Monday March 25, 2013 | Permalink
  5. Any tips on page break links?

    Posted 5 years ago on Thursday March 28, 2013 | Permalink
  6. I have a 5 page form (form id 90) and quickly created an html field on the first page and put the following html in it (just 5 button links to go to each of the pages), like this http://pastie.org/7139606 . It works going to the specified page.

    Can you try something like that as an alternate approach rather than the original code from Alex.

    Posted 5 years ago on Saturday March 30, 2013 | Permalink
  7. Thanks, I'll try this code as soon as possible. ;)
    C.-

    Posted 5 years ago on Monday April 1, 2013 | Permalink
  8. Chris - pastie.org is not working. Could you save this code (http://pastie.org/7139606) to a new comment/response?

    Posted 5 years ago on Tuesday June 11, 2013 | Permalink
  9. David Peralty
    Administrator

    <input type="button" value="Page 1" onclick='jQuery("#gform_target_page_number_90").val("1"); jQuery("#gform_90").trigger("submit",[true]); ' />
    <input type="button" value="Page 2" onclick='jQuery("#gform_target_page_number_90").val("2"); jQuery("#gform_90").trigger("submit",[true]); ' />
    <input type="button" value="Page 3" onclick='jQuery("#gform_target_page_number_90").val("3"); jQuery("#gform_90").trigger("submit",[true]); ' />
    <input type="button" value="Page 4" onclick='jQuery("#gform_target_page_number_90").val("4"); jQuery("#gform_90").trigger("submit",[true]); ' />
    <input type="button" value="Page 5" onclick='jQuery("#gform_target_page_number_90").val("5"); jQuery("#gform_90").trigger("submit",[true]); ' />
    Posted 5 years ago on Tuesday June 11, 2013 | Permalink