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://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.form.io/formiojs/formio.full.min.css">
<script src="https://cdn.form.io/formiojs/formio.full.min.js"></script>
<div id="wizard"></div>
Formio.icons = 'fontawesome';
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


powered by

Copyright © Form.io LLC 2021. All rights reserved

Renderer v