Show Progress Bar AND Steps

Get Help
1

Hi,

I have a form and I’d like to show both Progress Bar AND Steps in it.

When I set up my Multi-Page form right now I seem to only have the choice of one or another.

Is it possible to have both?

2

Hi Michael. There is no built in option to show both. You may have to fake it by putting an HTML field at the top of each page, which can contain your steps (and have the form setting to show the progress indicator.) I was able to do that on this form:

https://blushing-emu.w6.gravitydemo.com/multi-page-form-sample/

To get an idea of the default “steps” HTML markup, I temporarily enabled Steps, then viewed the form, and copied the HTML. Then I added four HTML fields to the form, one at the top of each new page. I pasted the HTML into each field, and then modified it for the 2nd, 3rd and 4th ones, to indicate which page I was on (there is a CSS class of gf_step_active added to the div for the current step.) With a little work, this is what that looks like:

https://blushing-emu.w6.gravitydemo.com/multi-page-form-sample/

Let me know if you have any questions about that.

3

Thanks a lot, Chris. I don’t appear to have received the email notification so apologies for the delay here. Thanks for confirming here. We managed to find a workaround to this. It wasn’t pretty, but it did the job :slight_smile:

4

Thanks for the update Michael.