Include JavaScript

If you’ve followed the instructions to render a form, you will have a line that includes the JavaScript for the Responsive Bootstrap Angular template:

<script src="/App_Plugins/formulate/responsive.bootstrap.angular.js"></script>

However, depending on your needs, there are alternatives, which you can read about below.

Alternative #1: Minified JavaScript

Also included with Formulate is a minified version of the RBA template. You can include it like so:

<script src="/App_Plugins/formulate/responsive.bootstrap.angular.min.js"></script>

Because this JavaScript is minified, you will not be able to read it as clearly as you would the unminified version.

Alternative #2: Modular JavaScript

If you are using a task runner like Grunt, you can use Browserify to include Formulate’s modular JavaScript into your compiled JavaScript. Assuming you are using Grunt, you can start by using grunt-browserify. You may also want to use browserify-shim in order to skip Angular and Lodash during the browserification process.

The browserification process should point to the file, ~/App_Plugins/formulate/templates/responsive.bootstrap.angular/index.js. This file references the remainder of the JavaScript files necessary for the RBA template to work.

Once the modular JavaScript has been combined into a single file with Browserify, you can further use grunt-ng-annotate and grunt-contrib-uglify to minify it.