Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Jules Colle

    (@jules-colle)

    it’s the multistep built into conditional fields pro

    Thread Starter USREC

    (@hawaiirealestate)

    Not working on my site
    https://srpds.com/step-test/

    Thread Starter USREC

    (@hawaiirealestate)

    [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.
    Thread Starter USREC

    (@hawaiirealestate)

    [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>
    Plugin Author Jules Colle

    (@jules-colle)

    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/

    Thread Starter USREC

    (@hawaiirealestate)

    Where are the DOCS for the STEPS?

    Plugin Author Jules Colle

    (@jules-colle)

    Thread Starter USREC

    (@hawaiirealestate)

    Bought PRO Plugin

    Is there a limit to the number of Steps?

    Plugin Author Jules Colle

    (@jules-colle)

    no, there are no limits

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘STEPS’ is closed to new replies.