Skip to main content
Form.io

Layout

Form Builder

Form Builder

Drag and drop components to build your form

Components

Text Field Text Field
Number Number
Select Select
Checkbox Checkbox
Radio Radio
File Upload File Upload

Component Settings

Make this field required

Quick Tutorial

Form Submissions

ID Form Submitted By Date Status Actions
#12345 Contact Form john.doe@example.com 2024-02-20 14:30 Completed
#12344 Survey Form jane.smith@example.com 2024-02-20 13:45 Pending
#12343 Registration Form robert.jones@example.com 2024-02-20 12:15 Rejected
Showing 1 to 3 of 100 results

Submission Statistics

Total Submissions

1,234

Stats

Completion Rate

Average Rate

85%

Completion

Response Time

Average Time

5m 30s

Time

Resource Management

Database

Users Database

Connected to MongoDB

Files

Document Storage

Connected to S3

Auth

Authentication Service

Connected to Auth0

Storage Usage

Database Storage 75%
File Storage 45%
Cache Storage 30%

Resource Health

Database Connection Healthy
Storage Service Healthy
Auth Service Warning

API Endpoints

GET /api/v1/forms

Returns all forms in the system

POST /api/v1/submissions

Create new form submission

PUT /api/v1/forms/{formId}

Update existing form

API Usage

API usage graph will be displayed here

API Keys

API Status

Response Time 235ms
Uptime 99.99%
Rate Limit 10000/hour

Team Members

User

John Doe

Administrator

Active
User

Jane Smith

Developer

Active
User

Robert Johnson

Viewer

Pending

Roles

Administrators 2
Developers 3
Viewers 5

Recent Activity

Activity

John Doe added a new form

2 hours ago

Activity

Jane Smith modified API settings

5 hours ago

Activity

Robert Johnson joined the team

1 day ago

Team Settings

General Settings

Project Settings

Authentication

Two-Factor Authentication

Add an extra layer of security to your account

API Authentication

Configure API authentication methods

Integrations

Database

Database Connection

MongoDB

Auth

Authentication Provider

OAuth 2.0

Environment

Production Active
Staging Testing
Development Active

Backup & Recovery

Last backup

Today at 03:00 AM

Quick Start Guide

Get started with Form.io in minutes. Learn the basics and build your first form.

Prerequisites

  • Node.js installed on your system
  • Basic knowledge of JavaScript
  • API key from your Form.io account

1. Installation

npm install @formio/js

2. Basic Implementation

3. Features Overview

API

Form & API Generation

Automatically generate APIs for your forms.

Components

Form Components

Rich set of form components available.

Current Plan

Enterprise Plan

Billed annually

Active
Forms Forms Used

245/500

Teams Team Members

12/15

Storage Storage Used

45%

Billing History

Date Invoice Amount Status Download
Feb 1, 2024 #INV-2024-001 $499.00 Paid
Jan 1, 2024 #INV-2024-002 $499.00 Paid

Payment Method

•••• •••• •••• 4242

Expires 12/24

Billing Contact

Form Builder

Form Builder

Drag and drop components to build your form

Components

Text Field Text Field
Number Number
Select Select
Checkbox Checkbox
Radio Radio
File Upload File Upload

Component Settings

Make this field required

Quick Tutorial

Form Submissions

ID Form Submitted By Date Status Actions
#12345 Contact Form john.doe@example.com 2024-02-20 14:30 Completed
#12344 Survey Form jane.smith@example.com 2024-02-20 13:45 Pending
#12343 Registration Form robert.jones@example.com 2024-02-20 12:15 Rejected
Showing 1 to 3 of 100 results

Submission Statistics

Total Submissions

1,234

Stats

Completion Rate

Average Rate

85%

Completion

Response Time

Average Time

5m 30s

Time

Resource Management

Database

Users Database

Connected to MongoDB

Files

Document Storage

Connected to S3

Auth

Authentication Service

Connected to Auth0

Storage Usage

Database Storage 75%
File Storage 45%
Cache Storage 30%

Resource Health

Database Connection Healthy
Storage Service Healthy
Auth Service Warning

API Endpoints

GET /api/v1/forms

Returns all forms in the system

POST /api/v1/submissions

Create new form submission

PUT /api/v1/forms/{formId}

Update existing form

API Usage

API usage graph will be displayed here

API Keys

API Status

Response Time 235ms
Uptime 99.99%
Rate Limit 10000/hour

Team Members

User

John Doe

Administrator

Active
User

Jane Smith

Developer

Active
User

Robert Johnson

Viewer

Pending

Roles

Administrators 2
Developers 3
Viewers 5

Recent Activity

Activity

John Doe added a new form

2 hours ago

Activity

Jane Smith modified API settings

5 hours ago

Activity

Robert Johnson joined the team

1 day ago

Team Settings

General Settings

Project Settings

Authentication

Two-Factor Authentication

Add an extra layer of security to your account

API Authentication

Configure API authentication methods

Integrations

Database

Database Connection

MongoDB

Auth

Authentication Provider

OAuth 2.0

Environment

Production Active
Staging Testing
Development Active

Backup & Recovery

Last backup

Today at 03:00 AM

Quick Start Guide

Get started with Form.io in minutes. Learn the basics and build your first form.

Prerequisites

  • Node.js installed on your system
  • Basic knowledge of JavaScript
  • API key from your Form.io account

1. Installation

npm install @formio/js

2. Basic Implementation

3. Features Overview

API

Form & API Generation

Automatically generate APIs for your forms.

Components

Form Components

Rich set of form components available.

Current Plan

Enterprise Plan

Billed annually

Active
Forms Forms Used

245/500

Teams Team Members

12/15

Storage Storage Used

45%

Billing History

Date Invoice Amount Status Download
Feb 1, 2024 #INV-2024-001 $499.00 Paid
Jan 1, 2024 #INV-2024-002 $499.00 Paid

Payment Method

•••• •••• •••• 4242

Expires 12/24

Billing Contact