Forms

What are Forms?

Forms are the primary interface within the Form.io Platform.

Build Forms with the Form.io Platform by placing drag-and-drop form components onto the form drop zone area of the Form Builder. Components that are placed onto a Form will determine what that Form looks like.

Every component added through the Form Builder is added to the JSON Schema behind the Form. The JSON Schema is then used in several ways:

• Rendering the forms within a website/application .

• Generating the REST API interfaces on the server.

• Hosting the form's JSON schema at the Embed URL.

Form Lifecycle

The typical Form creation process and life cycle can look like the following:

1. Form Creation

2. Adding Form Components

3. Adding Actions

4. Setting Up Roles and Permissions

5. Managing Submission Data

Form Builder in Action

A live demo of the Form.io Form Builder is available at https://formio.github.io/formio.js/app/builder

This provides a glimpse into how the Form.io Platform uses components to create a Form and the JSON schema that defines it.

Click Here for an in-depth explanation of how Forms and Resources work.

Form Embedding

Embedding places the live form in an application. This makes it accessible to the end user.

The Form JSON is rendered by the form renderer, which is built into the application. As a result, embedded a form is as simple as providing the hosted Form JSON to the Form Renderer.

For detailed information about embedding a form, refer to the Embedding a Formsection of the Forms topic in the User Guide.

Using A Form

When a form is completed by the end user, it creates a Submission. This submission records the data entered into the form, as well as some metadata about the user submitting the form.

For detailed information about submissions, refer to the Submissions section of the User Guide.