component.fullscreen-form
An experimental fullscreen form concept where the idea is to allow distraction-free form filling with some fancy animations when moving between form fields.
Inspired by FULLSCREEN FORM INTERFACE
Example
Check out example/index.html
, the example javascript for the example page is resources/js/example_src.js
Installation
$ npm install periodicjs.component.fullscreen-form
The fullscreen-form component is a browserified javascript module.
Usage
JavaScript
var FForm = ;windowFForm = FForm;window;
HTML
Your Page What's your name? What's your email address? What's your priority for your new website? Sell things Become famous Mobile market Describe how you imagine your new website What's your budget? <!-- /fs-fields --> Send answers <!-- /fs-form --> <!-- /fs-form-wrap -->
API
DOCUMENTATION
Full APIformWrap { classie; // for demo purposes only };
Development
Make sure you have grunt installed
$ npm install -g grunt-cli
Then run grunt watch
$ grunt watch
Notes
- The less file is located in
resources/stylesheets