angular-schema-form-ionic

Angular Ionic Decorator (WIP)

Ionic 1 frontend decorator for the Angular Schema Form (ASF) project.

This project is based heavily off the Bootstrap and Material decorator. More information on how these decorators work can be found in the ASF documentation https://github.com/json-schema-form/angular-schema-form/blob/development/docs/extending.md

Work In Progress

This project is still a work in progress and has not reached the stable v1.0.0. It does not yet have full support of all the default ASF form types and options.

Additional form types

The following list documents additional form types that are added by this project and not in the default ASF list.

• toggle - behaves the same as checkbox and also represented by a boolean

Installation

You can install through npm

npm install angular-schema-form-ionic

or through bower

bower install angular-schema-form-ionic

then load the ionic-decorator.min.js file in your html. Make sure this is the only ASF decorator (i.e remember to remove the default bootstrap-decorator.min.js).

Usage

If you have included the file properly, the decorator should automatically work.

Known issues

• Ionic by default styles fieldset with a border and padding, which looks weird when used to wrap Ionic items. We would suggest adding your own css class to all fieldset types to fix the styling.

Contributing

We will be much grateful if you help us making this project to grow up. Feel free to contribute by forking, opening issues, pull requests etc.