Form A - Basic Grant

Summary

6 total questions | 100% mapped to the CommonGrants schema

Basic grant application form

Explore in playground Return to form library

Details

Form

Sample version of the rendered form.

Applicant Name

First Name*

Last Name*

Project Title*

Applicant TypeNone

Requested Amount (USD)

Proposed Start Date

Data

What the form data looks like when it is submitted.

{
  "applicantName": {
    "firstName": "Alice",
    "lastName": "Alvarez"
  },
  "projectTitle": "Project A",
  "applicantType": "Nonprofit",
  "requestedAmount": 1000,
  "startDate": "2025-07-01"
}

Schemas

UI and JSON schemas used to render and validate the form.

JSON schema

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "object",
  "properties": {
    "applicantName": {
      "type": "object",
      "properties": {
        "firstName": {
          "type": "string",
          "title": "First Name"
        },
        "lastName": {
          "type": "string",
          "title": "Last Name"
        }
      },
      "title": "Applicant Name",
      "required": [
        "firstName",
        "lastName"
      ]
    },
    "projectTitle": {
      "type": "string",
      "title": "Project Title"
    },
    "applicantType": {
      "type": "string",
      "title": "Applicant Type",
      "enum": [
        "Nonprofit",
        "For-profit",
        "Government",
        "Individual",
        "Other"
      ]
    },
    "requestedAmount": {
      "type": "number",
      "title": "Requested Amount (USD)"
    },
    "startDate": {
      "type": "string",
      "format": "date",
      "title": "Proposed Start Date"
    }
  },
  "required": [
    "applicantName",
    "projectTitle"
  ]
}

UI Schema

{
  "type": "VerticalLayout",
  "elements": [
    {
      "type": "Group",
      "label": "Applicant Name",
      "elements": [
        {
          "type": "Control",
          "scope": "#/properties/applicantName/properties/firstName"
        },
        {
          "type": "Control",
          "scope": "#/properties/applicantName/properties/lastName"
        }
      ]
    },
    {
      "type": "Control",
      "scope": "#/properties/projectTitle"
    },
    {
      "type": "Control",
      "scope": "#/properties/applicantType"
    },
    {
      "type": "Control",
      "scope": "#/properties/requestedAmount"
    },
    {
      "type": "Control",
      "scope": "#/properties/startDate"
    }
  ]
}

Mappings

Mappings between the form and the CommonGrants schema.

Mapping to CommonGrants

{
  "pointOfContact": {
    "firstName": {
      "field": "applicantName.firstName"
    },
    "lastName": {
      "field": "applicantName.lastName"
    }
  },
  "project": {
    "title": {
      "field": "projectTitle"
    },
    "applicantType": {
      "switch": {
        "field": "applicantType",
        "case": {
          "Nonprofit": "nonprofit-general",
          "For-profit": "business-general",
          "Government": "government-general",
          "Individual": "individual",
          "Other": "custom"
        },
        "default": "custom"
      }
    },
    "amountRequested": {
      "field": "requestedAmount"
    },
    "startDate": {
      "field": "startDate"
    }
  }
}

Mapping from CommonGrants

{
  "applicantName": {
    "firstName": {
      "field": "pointOfContact.firstName"
    },
    "lastName": {
      "field": "pointOfContact.lastName"
    }
  },
  "projectTitle": {
    "field": "project.title"
  },
  "applicantType": {
    "switch": {
      "field": "project.applicantType",
      "case": {
        "nonprofit-general": "Nonprofit",
        "nonprofit-religious": "Nonprofit",
        "nonprofit-educational": "Nonprofit",
        "business-small": "For-profit",
        "business-general": "For-profit",
        "government-tribal": "Government",
        "government-state": "Government",
        "government-local": "Government",
        "government-general": "Government",
        "individual": "Individual",
        "custom": "Other"
      },
      "default": "custom"
    }
  },
  "requestedAmount": {
    "field": "project.amountRequested"
  },
  "startDate": {
    "field": "project.startDate"
  }
}