wizard plugin for gravity forms

That looks pretty cool.

+1 on wanting wizard forms.

+1 on this option

For those interested, I've got a bit of jQuery that will break the form down into sections/fieldsets which theoretically would make it usable with the wizard plugin mentioned earlier in this post.

http://pastie.org/997000

In order for the script to work you'll need to:

• have jQuery included on your page
• add a section break for every section (anything not included in a specific section will be added to the last section)
• wrap your form shortcode like so:
  <div class="add-gf-sections">[form shortcode]</div>

The script checks if the form is inside the 'add-gf-sections' div, and if so, adds everything into sections based on fieldsets. There are some known limitations that weren't an issue for me but might be for you:

• this does not play nice with recaptcha
• everything must be in a section; everything not in a specific section will either be appended into the last section of the form or the section above its location in the form

Hope the helps.

I would love to try and implement this onto a site I am working on but I'm a little unclear of exactly how I need to do it. I understand what is required to get it to work but not clear how I get jquery on my page?? I'm a little bit of a newbie when it comes to these kinds of customizations so any step by step of how to accomplish this multiple page form based on sections would be greatly appreciated. Thanks!

thanks Kevin... I will take a look!

Hmmm, I am trying to do this, but can't work it out.

I have the following in my template head:
http://www.pastie.org/1026799
Plus including jquery.
I'm not sure what the instruction above "wrap your form shortcode like so" means, orhow to do it.

Also do I have to add some jqeury code that will trigger the form to be made into a wizard on page load? Or does the wizard plugin already do it onload? The example makes you click the link to convert to wizard form, not sure if we need to do anything.

Any help would be appreciated.

I'm brand new to GV as of today, and really would love a wizard style form.

Thanks

Maybe the problem is the jquery plgin code uses $ (eg. http://www.pastie.org/1026848 - $.fn.formToWizard etc) whereas my jquery install for some reason uses jQuery notation (eg. jQuery(document).ready( ..... ) ).
Not sure, could this be a problem?

Ok, I got it to work, but not sure why I had to do it this way.

Anyway, the notation mentioned in the FormTOWizard plugin tutorial:
$("#SignupForm").formToWizard();
or rather
jQuery("#SignupForm").formToWizard(); //What I needed

Doesn't work.
After 4 hours sleep, and lots of headbanging I worked out the alternative notation worked:
$("#SignupForm").formToWizard({ submitButton: 'SaveAccount' });
or
jQuery("#SignupForm").formToWizard({ submitButton: 'SaveAccount' }); //What I needed

I am not sure why the earlier mentioned version causes the "Syntax error, unrecognized expression: #" error. I even copied and pasted the form as per the tutorial example into my plainpage template and the earlier call method still caused the same error.

Not sure exactly what the { submitButton: 'SaveAccount' } achieves, didn't understand the plugin's explanation of it.

HOWEVER, to get this to work, I had to add the following line of code:
jQuery('.button').attr("id", 'SaveAccount');
Which finds any button and adds the ID.
A better way would be to add the ID element to the Submit Button is gravity Forms, but that is over my head. I'm only a 15hr baby user of Gravity Forms :) If this (assigning an ID to the Submit element) is achievable within Gravity forms, please let me know how. :)

LASTLY, It still isn't very pretty without having <legend></legend> tags.
Without <legend> it outputs "Step 1null" etc.

Is there anyway of modifying the jQuery code:
http://www.pastie.org/1027561

To somehow dynamically add a <legend></legend> tag, based on the value of the next