angular-form-builder - Drag and drop to build bootstrap forms in AngularJS.

  •        177

AngularJS form builder.

https://github.com/kelp404/angular-form-builder

Tags
Implementation
License
Platform

   




Related Projects

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Schema Form is inspired by the nice [JSON Form](https://github.com/joshfire/jsonform) library andaims to be roughly compatible with it, especially its form definition. So what sets Schema Formapart from JSON Form?1. Schema Form integrates deeply with AngularJS and uses AngularJS conventions to handle forms.2. Schema Form uses [tv4](https://github.com/geraintluff/tv4) for validation, making it compatible with version 4 of the JSON schema standard.3. By default, Schema Form generates Bootstrap 3

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Much of the new development is being done in Assimilate, a standardised validator for JSON Schema to help ensure changing validators is never as painful as escaping tv4 is, as well as a new core library to allow for a more predictable upgrade from AngularJS to Angular. If you use ASF in your project/company please let us know! We'd love to feature you on the site.

angular-formly - JavaScript powered forms for AngularJS

  •    Javascript

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application's forms.From there, it's just JavaScript. Allowing for DRY, maintainable, reusable forms.

formio - The combined Form and API platform for Serverless Applications.

  •    Javascript

Form.io is a revolutionary combined Form and API platform for Serverless applications. This repository serves as the core Form and API engine for https://form.io. This system allows you to build "serverless" data management applications using a simple drag-and-drop form builder interface. These forms can then easily be embedded within your Angular.js and React applications using the <formio> HTML element. Here is a link to a demo of the Form Building and Form Rendering capability that can be hooked into this API platform.

angular-chosen - AngularJS Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a AngularJS way

  •    Javascript

This directive brings the Chosen jQuery plugin into AngularJS with ngModel and ngOptions integration. To use, include localytics.directives as a dependency in your Angular module. You can now use the chosen directive as an attribute on any select element. Angular version 1.3+ is required, but recomended 1.4.9+.


angular-file-upload - Angular File Upload is a module for the AngularJS framework

  •    Javascript

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

lineman-angular-template - A Lineman Application Template using AngularJS

  •    Javascript

This is a project template for Angular JS applications using Lineman.If you are using Coffeescript to define the angular.module for your app, you will need to swap the concat order in config/application.js such that coffeescript files are included before javascript. (If you are using JavaScript for defining the angular.module the default concat order is fine).

angular-pizza-creator - Source code for Angular advanced Form APIs pizza builder

  •    TypeScript

Source code for Angular advanced Form APIs pizza builder

angular-masonry - An AngularJS directive for Masonry.

  •    CoffeeScript

An AngularJS 1 directive to work with David Desandro's Masonry.Add wu.masonry to your application's module dependencies.

angular2-schema-form - HTML form generation based on JSON Schema

  •    TypeScript

Angular2 Schema Form is an Angular2 module allowing you to instanciate an HTML form from a JSON schema. Angular2 Schema Form is not related to angular-schema-form and schemaform.io.

ngx-formly - JavaScript powered FORMS for Angular 2.x and above

  •    TypeScript

@ngx-formly is an Angular module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's forms.Follow these steps to get started with ng-formly. Also check out our demos for further examples.

angular-validation - Angular Form Validation made simple

  •    Javascript

The base concept is not new, it comes from the easy form input validation approach of Laravel Framework as well as PHP Gump Validation. They are both PHP frameworks and use a very simple approach, so why not re-use the same concept over Angular as well? Well it's now made available with a few more extras. For a smoother user experience, I also added validation on inactivity (timer/debounce). So validation will not bother the user while he is still typing... though as soon as the user pauses for a certain amount of time, then validation comes into play. It's worth knowing that this inactivity timer is only available while typing, if user focuses away from his input (onBlur) it will then validate instantly.

angular-google-maps - AngularJS directives for the Google Maps Javascript API

  •    CoffeeScript

With angular 2 and other competing projects we have decided to announce that this project is no longer activley maintained. If someone desires to take over the project please contact any of the admins.As a warning this project is not activley watched by the admins and is checked here and there to fix any major issues. Therefore if something is major, contact someone directly via mentioning a users name/alias (will notify the user/admin).

angular-bootstrap-show-errors - An Angular directive for Bootstrap to intelligently show form validation errors

  •    Javascript

An Angular directive for Bootstrap 3 that intelligently applies the 'has-error' class to invalid form fields. See the Bootstrap Form Validation Done Right in AngularJS blog post to read about the benefits of using this directive.

angular-bootstrap-nav-tree - An AngularJS directive that creates a Tree based on a Bootstrap "nav" list

  •    CoffeeScript

This is a Tree directive for Angular JS apps that use Bootstrap CSS. The style is completely Bootstrap because the tree is actually just a Bootstrap "nav" list, with a few changes: Indentation is added, expand/collapse icons are added, and Angular CSS animations are used during expand/collapse.

AngularJS-Toaster - AngularJS Toaster is a customized version of "toastr" non-blocking notification javascript library

  •    Javascript

AngularJS Toaster is an AngularJS port of the toastr non-blocking notification jQuery library. It requires AngularJS v1.2.6 or higher and angular-animate for the CSS3 transformations.AngularJS-Toaster requires AngularJS v1.2.6 or higher and specifically targets AngularJS, not Angular 2, although it could be used via ngUpgrade. If you are looking for the Angular 2 port of AngularJS-Toaster, it is located here.

AngularJS-Atom - An AngularJS package for Github's Atom editor

  •    CoffeeScript

Adds syntax highlighting and snippets to AngularJS v1.x in Atom.Originally converted from the AngularJS TextMate bundle.

angular-kickstart - angular-kickstart - speed up your AngularJS development and testing with a great gulpjs build system

  •    Javascript

Speed up your AngularJS development with a complete and scalable gulpjs based build system that scaffolds the project for you. Just focus on your app, angular-kickstart will take care of the rest.angular-kickstart is an opinionated kickstart for single page application development with AngularJS. It makes your development and testing easy, keeps the structure of the project consistent and allows you to create a fully optimized production release with ease. After having developed a lot of AngularJS projects I decided to collect here what I've learnt.

angular-socket-io-seed - A great starting point for writing AngularJS apps backed by a Socket

  •    Javascript

Start an awesome app with AngularJS on the front, Socket.io + Express + Node on the back. This project is an application skeleton for writing AngularJS apps that use web sockets to add real-time functionality. If you're not planning on using web sockets, you should consider the Angular Express Seed instead.The seed contains angular libraries, test libraries and a bunch of scripts all preconfigured for instant web development gratification. Just clone the repo (or download the zip/tarball) and you're ready to develop your application.

angular-recaptcha - AngularJS directive to add a reCaptcha widget to your form

  •    Javascript

Add a reCaptcha to your AngularJS project.Download the latest release.