فرم / فرم ویزارد

ویزارد هوشمند افقی

مرحله 1 فرم

مرحله 2 فرم

مرحله 3 فرم

مرحله 4 فرم

ویزارد هوشمند عمودی

مرحله 1 فرم

مرحله 2 فرم

مرحله 3 فرم

مرحله 4 فرم

چگونه استفاده کنیم

استفاده عمومی از HTML
<div class="smart-wizard">
    <ul>
       <li><a href="#step-1">1. گام یک</a></li>
       ...
    </ul>
    <div>
       <div id="step-1">
          <form action="#">
             <div class="row mbn-20">
                Content Here
             </div>
          </form>
       </div>
       ...
    </div>
</div>
فعال سازی Js
$('.smart-wizard').smartWizard({
    showStepURLhash: false,
});

برای اطلاعات بیشتر لطفا به دنبال مستندات رسمی