If you haven’t heard yet, the second version of Formulate was just released about a week ago (If you’re new to Formulate, take a look at http://www.formulate.rocks/). It’s the same Formulate you know and love, but with one major new feature:
It used to be that if you wanted to display a Formulate form, you’d have to add AngularJS to your site. Sad news, as that adds some additional complexity and page weight (51KB or so after minification and Gzip compression).
How much smaller is it? Well, when Gzipped and minified, it weighs just 7.8KB, or nearly 8x smaller than AngularJS + the AngularJS Formulate template.
Can I Still Use AngularJS?
Yes! If you have sites built with the AngularJS template, don’t worry; AngularJS support isn’t going away. You can keep using the AngularJS template.
Should I Use AngularJS?
Styling the Formulate Grid
The link above has information about how to style the grid, but here is the CodePen for quick reference: https://codepen.io/anon/pen/oPOOYZ?editors=1100
If you don’t like Sass (you monster!), you can convert the view to plain CSS.
Keep in mind you will also have to style the fields. Since that varies vastly from site to site, no sample styles are currently included.
For example, all field validations in Formulate are asynchronous. If you want to make an AJAX call to validate a value against an API, you can do that (in fact, I did do that to implement a special email validation).
You can add your own field types, and you can add own your validation types. Each of those are as simple as setting a bit of JSON configuration that contains a function that implements the field or validation.
Keep in mind that the backend of Formulate hasn’t changed, which means all of the existing backend documentation still applies. You can find that here: http://www.formulate.rocks/
Help Formulate Grow
I’m excited that I’m able to share this major advancement with you all now, but no software is ever complete. If you have ideas for documentation you’d like to see, or features you’d like added, drop me a line (in no particular order):