Form Schema Examples

Use these examples when generating a complete form schema.

Basic Form

{
  "title": "Contact form",
  "description": "Send us a message.",
  "pages": [
    {
      "name": "contact",
      "elements": [
        { "type": "text", "name": "name", "title": "Name", "isRequired": true },
        { "type": "text", "name": "email", "title": "Email", "inputType": "email", "isRequired": true },
        { "type": "comment", "name": "message", "title": "Message", "isRequired": true }
      ]
    }
  ]
}

Conditional Follow-Up

{
  "title": "Support request",
  "pages": [
    {
      "name": "request",
      "elements": [
        {
          "type": "radiogroup",
          "name": "issueType",
          "title": "What do you need help with?",
          "choices": ["Billing", "Technical issue", "Other"],
          "isRequired": true
        },
        {
          "type": "comment",
          "name": "technicalDetails",
          "title": "Describe the technical issue",
          "visibleIf": "{issueType} = 'Technical issue'",
          "requiredIf": "{issueType} = 'Technical issue'"
        }
      ]
    }
  ]
}

Multi-Page Form

{
  "title": "Client intake",
  "showQuestionNumbers": "off",
  "pages": [
    {
      "name": "contact",
      "title": "Contact details",
      "elements": [
        { "type": "text", "name": "fullName", "title": "Full name", "isRequired": true },
        { "type": "text", "name": "email", "title": "Email", "inputType": "email", "isRequired": true }
      ]
    },
    {
      "name": "project",
      "title": "Project details",
      "elements": [
        { "type": "comment", "name": "goals", "title": "Project goals", "isRequired": true },
        { "type": "dropdown", "name": "budget", "title": "Budget", "choices": ["Under $5k", "$5k-$10k", "$10k+"] }
      ]
    }
  ]
}