Form.io Submission Handling

An example showing how submission data is handled within the application of Form.io

by Travis Tidwell

HTML

<script src="https://rawgit.com/formio/ngFormio/develop/dist/formio-full.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdn.rawgit.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/yesmeck/jquery-jsonview/master/dist/jquery.jsonview.css">
<div ng-app="formApp" class='row'>
  <div class='col-sm-6 well' ng-controller="formController">
    <formio src="'https://examples.form.io/userform'"></formio>
  </div>
  <div class='col-sm-6'>
    <div id="jsonview"></div>
  </div>
</div>

JavaScript

angular.module('formApp', ['formio'])
  .controller('formController', function($scope) {
    $scope.$on('formSubmission', function(err, submission) {
      jQuery('#jsonview').JSONView(submission);
    });
  });