{"_id":"57aa1d2a5b7a477b002717fe","machineName":"examples:example","modified":"2025-12-15T22:19:31.652Z","title":"Example","display":"form","type":"form","name":"example","path":"example","project":"5692b91fd1028f01000407e3","created":"2016-08-09T18:12:58.126Z","components":[{"input":false,"html":"

Form.io Example Form

\n\n

This is a dynamically rendered JSON form built with Form.io. Using a simple drag-and-drop form builder, you can create any form that includes e-signatures, wysiwyg editors, date fields, layout components, data grids, surveys, etc.

\n","type":"content","key":"content","tableView":false,"label":"Content"},{"input":false,"columns":[{"components":[{"tabindex":"1","input":true,"tableView":true,"label":"First Name","key":"firstName","placeholder":"Enter your first name","type":"textfield"},{"tabindex":"3","input":true,"tableView":true,"label":"Email","key":"email","placeholder":"Enter your email address","type":"email"}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6},{"components":[{"label":"Last Name","placeholder":"Enter your last name","applyMaskOn":"change","tabindex":"2","tableView":true,"validateWhenHidden":false,"key":"lastName","type":"textfield","input":true},{"tabindex":"4","input":true,"tableView":true,"label":"Phone Number","key":"phoneNumber","placeholder":"Enter your phone number","type":"phoneNumber"}],"width":6,"offset":0,"push":0,"pull":0,"size":"md","currentWidth":6}],"type":"columns","key":"columns","tableView":false,"label":"Columns"},{"tabindex":"5","input":true,"tableView":true,"label":"Survey","key":"survey","questions":[{"value":"howWouldYouRateTheFormIoPlatform","label":"How would you rate the Form.io platform?"},{"value":"howWasCustomerSupport","label":"How was Customer Support?"},{"value":"overallExperience","label":"Overall Experience?"}],"values":[{"value":"excellent","label":"Excellent"},{"value":"great","label":"Great"},{"value":"good","label":"Good"},{"value":"average","label":"Average"},{"value":"poor","label":"Poor"}],"type":"survey"},{"input":true,"tableView":true,"label":"Signature","key":"signature","type":"signature","hideLabel":true},{"tabindex":"6","input":true,"label":"Submit","tableView":false,"key":"submit","disableOnInvalid":true,"type":"button"}],"owner":"554806425867f4ee203ea861","submissionAccess":[{"type":"create_own","roles":["5692b920d1028f01000407e6"]},{"type":"create_all","roles":[]},{"type":"read_own","roles":[]},{"type":"read_all","roles":[]},{"type":"update_own","roles":[]},{"type":"update_all","roles":[]},{"type":"delete_own","roles":[]},{"type":"delete_all","roles":[]},{"type":"team_read","roles":[]},{"type":"team_write","roles":[]},{"type":"team_admin","roles":[]}],"access":[{"type":"create_own","roles":[]},{"type":"create_all","roles":[]},{"type":"read_own","roles":[]},{"type":"read_all","roles":["5692b920d1028f01000407e4","5692b920d1028f01000407e5","6556376d043f6ce752e40641","5692b920d1028f01000407e6","000000000000000000000000"]},{"type":"update_own","roles":[]},{"type":"update_all","roles":[]},{"type":"delete_own","roles":[]},{"type":"delete_all","roles":[]},{"type":"team_read","roles":[]},{"type":"team_write","roles":[]},{"type":"team_admin","roles":[]}],"tags":[],"_vid":0,"revisions":"","esign":{},"pdfComponents":[],"settings":{},"submissionRevisions":"","fieldMatchAccess":{"read":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"write":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"create":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"admin":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"delete":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"update":[{"formFieldPath":"","value":"","operator":"$eq","valueType":"string","roles":[]}],"_id":"68eecf47f50bfcf4173abd30"},"plan":"commercial"}