LogoLogo
Getting StartedDevelopersDeployment GuideGet Help
  • Quick Links
  • Welcome to Form.io
    • Getting Started With Form.io
    • Launch a Form
    • Overview of Form.io
  • Developer Tool Ecosystem
    • PDF Solution
    • Enterprise Form Builder
    • Form View Pro
    • The Security Module
    • Accessibility Compliance Module
    • Developer License
    • SQL Connector - Deprecated
    • Integration Libraries
    • Form.io CLI Tool
  • User Guide
    • Introduction
    • Form.io Developer Portal
    • Teams
    • Projects
      • Project UI
      • Project Settings
      • Stages
      • Multi-Tenancy
    • Resources
      • ResourceJS
    • Forms
      • Form Creation
      • Form Types
      • PDF Forms
      • Embedding a Form
      • Form Revisions
      • Form Settings
    • Form Building
      • Form Builder UI
      • Form Components
        • Component Settings
        • Basic Components
          • Resource as Select Component Data Source
        • Advanced Components
        • Layout Components
        • Data Components
        • Premium Components
          • Nested Forms
        • Custom Components
      • Logic & Conditions
      • Existing Resource Fields
      • Actions
    • Submissions
      • Accessing Submissions
      • Importing Submissions
    • Form.io eSignature - Coming Soon
    • Form.io Reporting Module
    • PDF Template Designer
    • Form View Pro
    • Form Manager
    • Enterprise Form Builder Module
      • Installation
      • User Guide
  • Developer Guide
    • Introduction
      • Application Development
      • API Documentation
    • Form Development
      • Form Renderer
      • Form Builder
      • Form Embedding
      • Form Evaluations
      • Form Templates
      • Custom Components
      • Translations
    • JavaScript Development
      • JavaScript SDK
      • JavaScript Frameworks
      • JavaScript Utilities
    • Authentication and Authorization
      • SAML
      • OAuth
      • LDAP
      • Resource Based Authentication
      • Email Authentication
      • Two-Factor Authentication
    • Roles and Permissions
      • Field Match-Based Access
      • Field-Based Resource Access
      • Group Permissions
    • Integrations
      • Email Integrations
      • File Storage
      • Google Developer Console
      • eSign Integrations
      • Relational Databases
    • Modules
    • Fetch Plugin API
    • CSS Frameworks
    • Offline Mode
    • Audit Logging
  • Deployments
    • Self-Hosted Deployment
      • Local Deployment
        • Local File Storage
      • Kubernetes
      • Cloud Deployment
        • AWS Deployment
          • AWS Lambda
          • Form.io/AWS Elastic Beanstalk End-To-End Encrypted Deployment
        • Azure Deployment
          • Azure App Service
            • Azure MSSQL Connector - Deprecated
          • Azure Virtual Machine
          • Azure Kubernetes Service
          • Set up the DB
        • GCP Deployment
          • GCP Cloud Run
      • On-Premise Deployment
      • Enterprise Server
      • PDF Server
    • Deployment Configurations
      • DNS Configuration
      • Load Balancer Configuration
    • Licenses
      • License Management
      • Library Licenses
    • Portal Base Project
      • Portal SSO
      • Portal Translations
    • Maintenance and Migration
      • Changes to Premium Libraries
  • FAQ
    • FAQ
    • Tutorials & Workflows
      • Password Reset
      • Dynamic Select Filtering
      • Approval Workflow
      • SSO Email Token
      • Embedding A Video
      • Data Source Validation
      • Select Data Source Options
      • Nested Form Workflows
        • Nested Wizard Forms
      • Save as Draft
      • Role-Based Conditions
      • Custom Component
      • Dynamic Radio and Select Box Values
      • Override CKEDITOR
    • Errors
    • Examples
    • License Utilization Checks
    • Glossary of Key Concepts
  • Contact Us
Powered by GitBook
On this page
  • Create a Project
  • Create a Team
  • Create a Form
  • Add an Action
  • Configure Your Access Settings
  • Embed Your Form
  • View Submissions in the Developer Portal

Was this helpful?

  1. Welcome to Form.io

Getting Started With Form.io

PreviousWelcome to Form.ioNextLaunch a Form

Last updated 1 year ago

Was this helpful?

If you are deploying Form.io locally using Docker containers, please review the .

You’ve just signed up with Form.io and wondering what to do next. Below are some basic steps to get you going with the platform.

Create a Project

Projects are the main working areas within Form.io and contain all of your Forms, Resources, and data. Each Project is typically associated with a single Application or Website. Start your Form.io journey by creating your first project!

Create a Team

Teams allow different users to collaborate on a project together. Add a Member to a Team using their Form.io email address. You can assign multiple teams to a project and configure permission levels for each. Create a team and add your colleagues for form-building collaboration.

Create a Form

Use the Form Builder to add components to your form, configure your components using the available settings, add Layout components to change the format, and add styling. Create your first Form within your project.

Add an Action

Actions are a way of extending the functionality of your forms when certain activity happens with the form’s submissions. Add an Email action to the form so that you receive an email when a form submission has been created.

Configure Your Access Settings

Before your users can submit your Form, the Form's Access settings must first be configured. The Access settings determine who has permission to submit the form as well as view, edit, and delete submission data. Let’s set up a basic Access configuration to support Anonymous users submitting the form.

Embed Your Form

Now that our Form is ready to go, let’s embed the form into our application. If you do not have an application ready, you can use a tool like jsFiddle or Code Pen to replicate the Application environment. Make a submission against the form to ensure our access settings are working properly.

In order to utilize the Premium Components, you will first need access to the Premium Component repository.

The example above is utilizing the Vanilla Javascript framework. Other frameworks are available for embedding your Form.

View Submissions in the Developer Portal

Now that we have a submission, we can navigate to the Form’s Data Tab to review the submissions that have been submitted against the Form or Resource. Here you can search and filter on the data. Click a Submission to View, Edit, or Delete. Download a PDF copy of the submission by clicking the PDF icon when viewing a submission.

Click Here For More Info
Click Here For More Info
Click Here For More Info
Click Here For More Info
Click Here For More Info
Click Here For More Info
Click Here For More Info
Click Here For More Info
Local Deployment Guide
Click Here For More Info
oom