Form / Form Wizard

Smart Wizard Horizontal

Step 1 Form

Step 2 Form

Step 3 Form

Step 4 Form

Smart Wizard Vertical

Step 1 Form

Step 2 Form

Step 3 Form

Step 4 Form

How To Use

Basic Use HTML
<div class="smart-wizard">
    <ul>
       <li><a href="#step-1">1. Step One</a></li>
       ...
    </ul>
    <div>
       <div id="step-1">
          <form action="#">
             <div class="row mbn-20">
                Content Here
             </div>
          </form>
       </div>
       ...
    </div>
</div>
Js Activation
$('.smart-wizard').smartWizard({
    showStepURLhash: false,
});

For more Information please follow the Official Documentation

2022 © Codecarnival