Wizard

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

Javascript

<!-- Editable js -->
<script src="{% static 'libs/jquery-steps/build/jquery.steps.min.js' %}"></script>

Initjs (Custom js)

<!-- init js -->
<script src="{% static '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"
});