1. Dashboard
  2. Advanced Forms
  3. Wizards

Turn any form into a wizard simply by adding a data-wizard attribute and passing it an options object.

No Validation
Just Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, quis autem deleniti animi eum a eaque sint voluptatibus labore possimus accusantium molestias magnam cum officiis qui neque minima assumenda facere aut repellat delectus. Soluta incidunt pariatur natus voluptatum voluptatibus culpa blanditiis. Inventore, repellendus, at veniam magnam quisquam necessitatibus modi est qui deserunt. Dicta, excepturi, iusto, maiores perferendis rem officiis est voluptas possimus laudantium fugit veritatis!

By clicking Finish you agree that you accept the Terms & Conditions

Turn any form into a wizard simply by adding a data-wizard attribute and passing it an options object.

<form data-wizard"" id="basicwizard">
	<fieldset title="Step 1">
		<legend>No Validation</legend>
		...
	</fieldset>
	<fieldset title="Step 2">
		<legend>Just Text</legend>
		...
	</fieldset>
</form>

The wizard has jQuery Validation plugin support built-in. All you need to do is turn on the validate: true option on and you instantly have a wizard with form validation!

<form action="#" data-wizard="{finishButton: true, titleClick: true, block: true, validate: true}" class="form-horizontal">
...
</form>
Registration
Personal Data
Preview

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, nemo, atque consequuntur officiis asperiores consectetur porro labore commodi esse error quisquam nihil illum sunt facere inventore possimus autem ab voluptates quibusdam non voluptatum suscipit architecto. Illo, facilis, corporis, veritatis dolores minus quasi iure cupiditate quis autem ducimus nisi obcaecati tenetur sed ea excepturi pariatur consequatur enim labore officia mollitia. Rerum, voluptatem numquam molestiae recusandae iusto ipsum inventore unde accusantium labore delectus? Doloremque, fugit, sunt libero laboriosam cupiditate sed sequi nostrum saepe. Mollitia, alias, expedita accusantium porro error autem dolore veniam commodi nesciunt provident vitae neque. Nostrum, sed, molestias itaque provident inventore natus animi quasi laborum laboriosam facere ratione aperiam iusto. Non ducimus facere sunt doloribus? Asperiores, natus distinctio quis iure!