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.

Form progress bar with images targeting different pages.

  1. dez
    Member

    Hey there.. I have seen gravity forms in action and am considering buying for my site. I just have a simple question. Can the progress bar be custom images pertaining to the page that the person is on (multi page form) and they can click the image to jump to a specific page rather that just click the next button?

    Posted 7 years ago on Monday July 2, 2012 | Permalink
  2. David Peralty
    Administrator

    Not currently, no. The multi-page forms don't allow customization of the progress bar as of yet. It is on our list of things to do.

    Posted 7 years ago on Monday July 2, 2012 | Permalink
  3. dez
    Member

    But.. can it be done with custom php?

    Posted 7 years ago on Monday July 2, 2012 | Permalink
  4. David Peralty
    Administrator

    Without really digging into it, my current answer is no. You might be able to replace the pagination graphic/section, but it would be difficult, and it likely wouldn't let you re-code things enough to jump from page 1 to page 3 of a form. I will ping the developers to see if they've got more insights into doing this, but again, I don't know of any way currently.

    Posted 7 years ago on Monday July 2, 2012 | Permalink
  5. dez
    Member

    Ok, without a clickable progress bar.. Is there a function to jump from page to page without using the back or next button?

    Posted 7 years ago on Tuesday July 3, 2012 | Permalink
  6. David Peralty
    Administrator

    I've forwarded this thread to a developer, so we just need to wait on their response as soon as they have some time.

    Posted 7 years ago on Tuesday July 3, 2012 | Permalink
  7. dez
    Member

    Great! I look forward to hearing back. If this is a simple function to add.. I am sure to purchase.

    Posted 7 years ago on Tuesday July 3, 2012 | Permalink
  8. Yes, we don't have a hook to change the progress bar, but you could hide it with CSS or jQuery. As far as manually going from one page to the next, the trick is to set a hidden field to the page you want to go and submit the form. The following will make the form go to page 2.

    //going to page 2
    jQuery("#gform_target_page_number_{$form_id}").val("2"); 
    
    //submitting form
    jQuery("#gform_{$form_id}").trigger("submit",[true]);
    Posted 7 years ago on Tuesday July 3, 2012 | Permalink
  9. dez
    Member

    i have a multi-page form created with a html block at the top of each page with images that I have tried to link to different pages within the form:

    <input type="image" src="http://leafywallet.com/wp-content/uploads/2012/07/button_1.png" width="60" height="60" onclick="jQuery("#gform_target_page_number_3").val('3'); jQuery("#gform_3").trigger("submit",[true]); ">

    with the value changing for the page that it must go to.. but when clicked, they only advance to next page.

    Posted 7 years ago on Monday July 9, 2012 | Permalink

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