Form.io Vanilla.js Renderer

by Dale Howard

HTML

<script src="https://unpkg.com/formiojs@latest/dist/formio.full.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/formiojs@latest/dist/formio.full.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="formio"></div>

JavaScript

Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example').then(function(instance) {
  console.log('ready');
  instance.on('initialized', function() {
    console.log('initialized');
  });
  instance.on('render', function() {
    console.log('render');
  });
  instance.on('change', function() {
    console.log('change');
  });
});