Events

You can use functions 'onNext', 'onPrev', 'onFinish', 'onSlideChanged'. With help of these functions you will have control over transitions and you can return false to interrupt transition (except function 'onSlideChanged'). If you want, you can catch event with jQuery and interrupt transition with help of function 'preventDefault'. There is little difference between function onNext/onPrev and sf-step-before, because if somebody clicks on step via navigation, then function onNext/onPrev will be executed on each step between actual and destination step while sf-step-before will be executed only once.

Fired events and functions:

Basic information

Email address

Password

Password again

Favorite number

Own animals

Goat

Cow

Rooster

Crocodile

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.

Yes, it is totaly right.

No, I check it twice and it is not right.

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.

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

I want have super-power

I have one or more super-power already

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.

$(document).ready(function () {
    $("#wizard_example").stepFormWizard({
        onNext: function() {
            $('#events').append($('<div>').text('onNext'));
            //return false;
        },
        onPrev: function() {
            $('#events').append($('<div>').text('onPrev'));
            //return false;
        },
        onFinish: function() {
            $('#events').append($('<div>').text('onFinish'));
            return false;
        },
        onSlideChanged: function() {
            $('#events').append($('<div>').text('onSlideChanged'));
        }
    });
    $('#wizard_example').on('sf-step-before', function(e, from, to) {
        $('#events').append($('<div>').text('sf-step-before'));
        //e.preventDefault()
    });
    $('#wizard_example').on('sf-finish', function(e) {
        $('#events').append($('<div>').text('sf-finish'));
        //e.preventDefault()
    });
    $('#wizard_example').on('sf-step-after', function(e) {
        $('#events').append($('<div>').text('sf-step-after'));
    });
})