STEPS
-
Saw your example at https://conditional-fields-cf7.bdwm.be/multistep-example-move-to-specific-step-programatically/
What plugin are you using for Multi-Step Form?
Viewing 9 replies - 1 through 9 (of 9 total)
-
it’s the multistep built into conditional fields pro
Not working on my site
https://srpds.com/step-test/[step] <label for="txt">Enter some text*</label> [text* txt id:txt] <a href="#" class="skip-to-last">Skip to the last step. (without triggering validation)</a><br> <a href="#" class="skip-to-last-with-validation">Skip to the last step. (with validation)</a><br> [step] step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Third step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Fourth step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Final step. Please submit!</p> [submit] <script> (function($){ $form = $('.wpcf7-form'); $form.click(function(e){ const $clickedElement = $(e.target); if ($clickedElement.hasClass('skip-to-last')) { wpcf7cf.multistepMoveToStep($form, 5); return false; } if ($clickedElement.hasClass('skip-to-last-with-validation')) { wpcf7cf.multistepMoveToStepWithValidation($form, 5); return false; } }); })(jQuery) </script>-
This reply was modified 4 years, 6 months ago by
USREC.
[step] <label for="txt">Enter some text*</label> [text* txt id:txt] <a href="#" class="skip-to-last">Skip to the last step. (without triggering validation)</a><br> <a href="#" class="skip-to-last-with-validation">Skip to the last step. (with validation)</a><br> [step] step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Third step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Fourth step. Nothing much here. You should have skipped while you had the chance.</p> [step] <p>Final step. Please submit!</p> [submit] <script> (function($){ $form = $('.wpcf7-form'); $form.click(function(e){ const $clickedElement = $(e.target); if ($clickedElement.hasClass('skip-to-last')) { wpcf7cf.multistepMoveToStep($form, 5); return false; } if ($clickedElement.hasClass('skip-to-last-with-validation')) { wpcf7cf.multistepMoveToStepWithValidation($form, 5); return false; } }); })(jQuery) </script>You need to uninstall conditional fields and buy and install conditional fields PRO for this to work. You can buy the PRO plugin here: https://shop.bdwm.be/contact-form-7-conditional-fields-pro/
Where are the DOCS for the STEPS?
Here you go: https://conditional-fields-cf7.bdwm.be/multistep/
Bought PRO Plugin
Is there a limit to the number of Steps?
no, there are no limits
-
This reply was modified 4 years, 6 months ago by
Viewing 9 replies - 1 through 9 (of 9 total)
The topic ‘STEPS’ is closed to new replies.