Package Exports

@asoftwareworld/form-builder

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@asoftwareworld/form-builder) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ASW Form Builder

The ASW Form Builder is allow you to create forms, resume and about us page to build as a JSON Schema which renders as a Form, pages, and templates in your application. This form builder is designed with latest version of Angular and Angular Material.

API Demo

Installation

npm install @asoftwareworld/form-builder

Import NgModule

And then include it in your module (see app.module.ts ):

import { FormBuilderModule } from '@asoftwareworld/form-builder';
// ...

@NgModule({
  imports: [
    // shown passing global defaults (optional)
    FormBuilderModule,
    ...
  ]
  // ...
})
export class AppModule {}

Theme

Angular Material more information

List of Controls available

controls	description
Header	Headings are defined with the `<h1> to <h6>` tags. Used as a title of the post, template and resume, etc.
Autocomplete	The autocomplete is a normal text input enhanced by a panel of suggested relevant options as the user types.
Textbox	Enable native inputs to be used within a form field. The styles such as the underline, floating label.
Text area	Enable native inputs to be used within a form field. The styles such as the underline, floating label.
Datepicker	The datepicker allows users to enter a date either through text input, or by choosing a date from the calendar.
Select	Allows the user to select only one option using dropdown.
Multi select	Allows the user to select one or more options using dropdown.
Radio button	Allows the user to select only one option from a group.
Checkbox button	Use multi select check box or single checkbox and captures boolean input with an optional indeterminate mode.
Button	Angular Material interactive button with a range of presentation options.
Paragraph	Paragraphs are the building blocks of papers.
Divider	Create a horizontal or vertical line styled with a Angular Material theme
Slide toggle	Is an on/off control that can be toggled via clicking and draggable switch.
Grid	Coming soon
Material icon	Coming soon

Browser Support


Latest ✔	Latest ✔	Latest ✔	Latest ✔	Latest ✔	11 ✔

Report a bug

We use GitHub Issues as the official bug tracker for the ASW Form Builder. Here are some advices for our users that want to report an issue:

Make sure that you are using the latest version of the ASW Form Builder.
Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help please email me asoftwareworld@gmail.com

License

MIT

Donate

If you found value in ASW Form Builder or a contributor helped you out of a jam, consider becoming a contributor yourself.