API methods

Basic information
In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or visual presentation, such as web pages, typography, and graphical layout. It is a form of "greeking".
Condition In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or visual presentation, such as web pages, typography, and graphical layout. It is a form of "greeking". Even though using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. "Lorem ipsum" also approximates a typical distribution of letters in English.
Condition 2 In publishing and graphic design, lorem ipsum is common placeholder text used to demonstrate the graphic elements of a document or visual presentation, such as web pages, typography, and graphical layout. It is a form of "greeking". Even though using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. "Lorem ipsum" also approximates a typical distribution of letters in English.
Final step

Even though using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. "Lorem ipsum" also approximates a typical distribution of letters in English.

Even though using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. "Lorem ipsum" also approximates a typical distribution of letters in English.

Using "lorem ipsum" often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. "Lorem ipsum" also approximates a typical distribution of letters in English. 

var sfw;
$(document).ready(function () {
    sfw = $("#wizard_example").stepFormWizard({
        showNav: 'left',
        // if you want loading finish button, you have to change element to non-input
        finishBtn: $('<a class="finish-btn sf-right sf-btn">SEND</a>')
    });
    $('#d1').on('click', function() {
        sfw.addStep($('#add_step').val(), "<legend>Added step</legend>Body of step..");
    })
    $('#d2').on('click', function() {
        sfw.removeStep($('#add_step').val());
    })
    $('#d1_2').on('click', function() {
        sfw.hideStep($('#hide_step').val());
    })
    $('#d2_2').on('click', function() {
        sfw.hideStep($('#hide_step').val(), false);
    })
    $('#d3').on('click', function() {
        sfw.activeStep($('#unlink_step').val(), false);
    })
    $('#d4').on('click', function() {
        sfw.activeStep($('#unlink_step').val());
    })
    $('#d5').on('click', function() {
        sfw.disableStep($('#disable_step').val());
    })
    $('#d6').on('click', function() {
        sfw.disableStep($('#disable_step').val(), false);
    })
    $('#d7').on('click', function() {
        sfw.markStep($('#mark_step').val());
    })
    $('#d8').on('click', function() {
        sfw.markStep($('#mark_step').val(), false)
    })
    $('#d9').on('click', function() {
        sfw.activeNext(false);
    })
    $('#d10').on('click', function() {
        sfw.activeNext();
    })
    $('#d11').on('click', function() {
        sfw.activePrev(false);
    })
    $('#d12').on('click', function() {
        sfw.activePrev();
    })
    $('#d13').on('click', function() {
        sfw.activeFinish(false);
    })
    $('#d14').on('click', function() {
        sfw.activeFinish();
    })
    $('#d15').on('click', function() {
        sfw.addSpinner("next");
    })
    $('#d16').on('click', function() {
        sfw.addSpinner("next", false);
    })
    $('#d17').on('click', function() {
        sfw.addSpinner("prev");
    })
    $('#d18').on('click', function() {
        sfw.addSpinner("prev", false);
    })
    $('#d19').on('click', function() {
        sfw.addSpinner('finish');
    })
    $('#d20').on('click', function() {
        sfw.addSpinner('finish', false);
    })
    $('#d21').on('click', function() {
        sfw.addSpinner($('#loading_step').val());
    })
    $('#d22').on('click', function() {
        sfw.addSpinner($('#loading_step').val(), false);
    })
})