Fork me on GitHub

Conditional Wizards

Not only can you build multi-page forms, but you can also create conditional wizards where the pages are determined by conditional logic that is executed as the person is filling out the form.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css">
<script src="https://cdn.form.io/js/formio.embed.js"></script>
<div id="wizard"></div>
Formio.createForm(document.getElementById('wizard'), 'https://examples.form.io/conditionalwizard');

This wizard will render conditionally based on the data input from the first page.

Result