Form progress bar with images targeting different pages.

Gravity Support Forums » General » Pre-Purchase Questions

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 11 years ago on Monday July 2, 2012 | Permalink
David Peralty

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 11 years ago on Monday July 2, 2012 | Permalink
dez
Member

But.. can it be done with custom php?

Posted 11 years ago on Monday July 2, 2012 | Permalink
David Peralty

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 11 years ago on Monday July 2, 2012 | Permalink
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 11 years ago on Tuesday July 3, 2012 | Permalink
David Peralty

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 11 years ago on Tuesday July 3, 2012 | Permalink
dez
Member

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

Posted 11 years ago on Tuesday July 3, 2012 | Permalink
Alex Cancado
Administrator
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 11 years ago on Tuesday July 3, 2012 | Permalink
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 11 years ago on Monday July 9, 2012 | Permalink

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