Wizard

The wizard is a component used for multiple layers of user input elements in the web application.

Javascript

<!-- Editable js -->
<script src="{{url_for('static' ,filename='libs/jquery-steps/build/jquery.steps.min.js')}}"></script>

Initjs (Custom js)

<!-- init js -->
<script src="{{url_for('static' ,filename='js/pages/form-wizard.init.js')}}"></script>

Examples:

$("#basic-example").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slide"
});

$("#vertical-example").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slide",
    stepsOrientation: "vertical"
});