Donna Seay
2 minutes agoA wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.
Samantha Francis
3 hours agoMy entire soul, like these sweet mornings of spring.
Robert Walker
5 hours agoI should be incapable of drawing a single stroke at the present moment...
Larry Smith
Yesterday, 8:34pmWhen, while the lovely valley teems with vapour around me, and the meridian sun strikes...
Donna Seay
Jan 23, 2:32amA wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring.
Suzzeth Bungaostagged you and 18 others in a post.
October 03, 2017 8:45amMellisa Brownappreciated your work The Social Network
October 02, 2017 12:44am20+ new items added are for sale in your Sale Group
October 01, 2017 10:20pmJulius Ervingwants to connect with you on your conversation with Ronnie Mara
October 01, 2017 6:08pmSuzzeth Bungaostagged you and 12 others in a post.
September 27, 2017 6:45am10+ new items added are for sale in your Sale Group
September 28, 2017 11:30pmMellisa Brownappreciated your work The Great Pyramid
September 26, 2017 11:01amJulius Ervingwants to connect with you on your conversation with Ronnie Mara
September 23, 2017 9:19pmjQuery Steps, an all-in-one wizard plugin that is extremely flexible, compact and feature-rich.
Below is an example of a basic horizontal form wizard.
Try the keyboard navigation by clicking arrow left or right!
Wonderful transition effects.
The next and previous buttons help you to navigate through your content.
HTML Code
<div id="wizard1"> <h3>Personal Information</h3> <section> <p>Try the keyboard navigation by clicking arrow left or right!</p> </section> <h3>Billing Information</h3> <section> <p>Wonderful transition effects.</p> </section> <h3>Payment Details</h3> <section> <p>The next and previous buttons help you to navigate through your content.</p> </section></div>
Javascript Code
$('#wizard1').steps({ headerTag: 'h3', bodyTag: 'section', autoFocus: true, titleTemplate: '#index##title#'});
A basic form wizard with form validation using Parsley js form validation plugin.
Try the keyboard navigation by clicking arrow left or right!
Wonderful transition effects.
The next and previous buttons help you to navigate through your content.
Additional Option Code
onStepChanging: function (event, currentIndex, newIndex) { if(currentIndex < newIndex) { // Step 1 form validation if(currentIndex === 0) { var fname = $('#firstname').parsley(); var lname = $('#lastname').parsley(); if(fname.isValid() && lname.isValid()) { return true; } else { fname.validate(); lname.validate(); } } // Step 2 form validation if(currentIndex === 1) { var email = $('#email').parsley(); if(email.isValid()) { return true; } else { email.validate(); } } // Always allow step back to the previous step even if the current step is not valid. } else { return true; }}
A basic content wizard with vertical orientation.
Try the keyboard navigation by clicking arrow left or right!
Wonderful transition effects.
The next and previous buttons help you to navigate through your content.
Additional Option Code
stepsOrientation: 1
A basic wizard that adds a custom style to make the step indicator equal width.
Try the keyboard navigation by clicking arrow left or right!
Wonderful transition effects.
The next and previous buttons help you to navigate through your content.
Additional Option Code
cssClass: 'wizard step-equal-width'