@eform/ng-formio-builder
Version:
The Angular.js form builder component.
59 lines (48 loc) • 2.03 kB
Markdown
The [Form.io](https://form.io) Form Builder
--------------------------------
This library provides form building capabilities to an Angular.js application. This form builder's purpose is to
construct a JSON object reporesentation of a form, which could then be handed off to a Form Renderer such as the one
found @ [https://github.com/vbosstech/ngFormio](https://github.com/vbosstech/ngFormio). The following landing page should
provide a good example of how this form builder works.
[See Working Example](http://codepen.io/travist/full/xVyMjo/)
The form builder can be embedded within your application using the following embed code.
```
<form-builder form="myform"></form-builder>
```
Where ```myform``` would be a form object that is placed on the scope of the controller containing the form builder.
Installation
================
To install this within your application, you will first need to include the following
Adding Components
=================
To add a component, add it in the config phase.
```
angular
.module('myApp')
.config([
'formioComponentsProvider',
function (formioComponentsProvider) {
formioComponentsProvider.register('myfield', {
title: 'My Field',
template: 'formio/components/icons.html',
controller: ['$scope', function($scope) {
}],
group: 'custom',
icon: 'fa fa-heart-o',
settings: {},
views: []
});
```
Removing Components
===================
To remove default components or groups from the form builder, set them as disabled in the run phase.
```
angular.module('myApp')
.run(['formioComponents', function(formioComponents) {
formioComponents.components.textfield.disabled = true;
formioComponents.groups.layout.disabled = true;
}]);
```
vBOSS.tech
==============
This project is provided by [vBOSS.tech](https://vboss.tech), which is a combined form and API platform for Developers.