Default Form
This is a standard form with no client-side validation.
If you submit the form you'll see the full response output (both if the form errors or if it succeeds)
<form action="/forms/cases.ashx?form=demo_contact_form" method="post" enctype="multipart/form-data"> <label for="FirstName">First Name*</label> <input type="text" id="FirstName" name="FirstName"> <label for="LastName">Last Name</label> <input type="text" id="LastName" name="LastName"> <label for="Email">Email*</label> <input type="text" id="Email" name="Email"> <label for="Phone">Phone</label> <input type="text" id="Phone" name="Phone"> <label for="Enquiry">Enquiry*</label> <textarea id="Enquiry" name="Enquiry"></textarea> <label for="ReCAPTCHAV2">reCAPTCHA v2*</label> <div class="g-recaptcha" data-sitekey="6Lf2cGcUAAAAABbL4aDrclASNZx9S3uaI9EvpvlI"></div> <input type="submit" class="button" value="Submit"> </form>
{
"Name": "DEMO Contact Form",
"Alias": "demo_contact_form",
"IsSubscription": false,
"EnableDefaultJSValidation": false,
"Fields": [
{
"Name": "Email",
"Alias": "Email",
"CreatedDateTime": "2021-06-28T18:03:40.451606",
"UpdateDateTime": "0001-01-01T00:00:00",
"Type": 7,
"IsMandatory": true,
"FieldGroupType": 1,
"Order": 2,
"Options": [],
"Id": "1400",
"FormId": "1384"
},
{
"Name": "reCAPTCHA v2",
"Alias": "ReCAPTCHAV2",
"CreatedDateTime": "2021-06-28T18:03:40.45161",
"UpdateDateTime": "0001-01-01T00:00:00",
"Type": 9,
"IsMandatory": true,
"FieldGroupType": 2,
"Order": 5,
"Options": [],
"Id": "1403",
"FormId": "1384"
},
{
"Name": "First Name",
"Alias": "FirstName",
"CreatedDateTime": "2021-06-28T18:03:40.451605",
"UpdateDateTime": "2022-05-11T15:32:06.413082",
"Type": 7,
"IsMandatory": true,
"FieldGroupType": 1,
"Order": 0,
"Options": [],
"Id": "1398",
"FormId": "1384"
},
{
"Name": "Last Name",
"Alias": "LastName",
"CreatedDateTime": "2021-06-28T18:03:40.451605",
"UpdateDateTime": "2022-05-11T15:32:06.413082",
"Type": 7,
"IsMandatory": false,
"FieldGroupType": 1,
"Order": 1,
"Options": [],
"Id": "1399",
"FormId": "1384"
},
{
"Name": "Phone",
"Alias": "Phone",
"CreatedDateTime": "2021-06-28T18:03:40.451608",
"UpdateDateTime": "2022-05-11T15:32:06.413082",
"Type": 7,
"IsMandatory": false,
"FieldGroupType": 1,
"Order": 3,
"Options": [],
"Id": "1401",
"FormId": "1384"
},
{
"Name": "Enquiry",
"Alias": "Enquiry",
"CreatedDateTime": "2021-06-28T18:03:40.451609",
"UpdateDateTime": "2022-05-11T15:32:06.413082",
"Type": 6,
"IsMandatory": true,
"FieldGroupType": 2,
"Order": 4,
"Options": [],
"Id": "1402",
"FormId": "1384"
}
],
"PaymentAmount": 0.0,
"ModuleItemId": 0,
"FormType": "Generic",
"ModuleName": "",
"UniqueId": "57041bca-5c47-40ef-81e8-acd5551521e7",
"Parent": {
"Value": {
"Id": 2234,
"ModuleLayoutName": "Page Detail",
"Enabled": true,
"ReleaseDate": "2018-11-24T18:00:00",
"ExpiryDate": "2099-12-10T18:00:00",
"Weighting": 0,
"Item_Rating": 0,
"CodeEditor": true,
"ExternalId": 0,
"DisableForSiteSearch": false,
"Author_Name": null,
"Author_Url": null,
"Author": 0,
"SEOTitle": null,
"CustomProperties": "{}",
"LastUpdatedDate": "2023-08-29T19:35:58.242937",
"Module_Alias": "Page",
"Module_Id": 1522,
"ParentName": "demo-cs",
"ParentUrl": "/demo-cs",
"Name": "Default Form",
"UrlSlug": "contact",
"Url": "/demo-cs/contact",
"MetaDescription": null,
"ShowPageForSearchEngine": true,
"CanonicalLink": null,
"MetaTitle": null,
"ParentId": 2224,
"Url_List": [
"/demo-cs/contact"
],
"ParentId_List": [
2224
],
"EnableAMP": false,
"AMPContent": null,
"SocialMetaTags": null,
"OpenGraphPropertiesValue": null,
"SeoPriority": 0.0,
"Description": "<div class=\"grid-x grid-padding-x\">\r\n <div class=\"cell medium-6\">\r\n <h1>Default Form</h1>\r\n <p>This is a standard form with no client-side validation.<br>\r\n If you submit the form you'll see the full response output (both if the form errors or if it succeeds)</p>\r\n {% capture form %}{% component type: \"form\", alias: \"demo_contact_form\" %}{% endcapture %}\r\n {{form}}\r\n </div>\r\n <div class=\"cell medium-6\">\r\n <ul class=\"tabs\" data-tabs id=\"code-tabs\">\r\n <li class=\"tabs-title is-active\"><a href=\"#panel1\" aria-selected=\"true\">Form Code</a></li>\r\n <li class=\"tabs-title\"><a data-tabs-target=\"panel2\" href=\"#panel2\">Liquid Output</a></li>\r\n </ul>\r\n <div class=\"tabs-content\" data-tabs-content=\"code-tabs\">\r\n <div class=\"tabs-panel is-active\" id=\"panel1\">\r\n <pre>{{form | escape}}</pre>\r\n </div>\r\n <div class=\"tabs-panel\" id=\"panel2\">\r\n {% component type: \"form\", alias: \"demo_contact_form\", collectionVariable: \"formData\" %}\r\n <pre>{{formData | escape }}</pre>\r\n </div>\r\n </div>\r\n </div>\r\n</div>",
"TemplateName": "DEMO Companion Site",
"ItemCategories": null,
"ItemCategoryIdList": null,
"ItemTags": null,
"SiteSearchKeywords": null,
"ID": 2234,
"CreatedByMemberId": "0",
"IsHome": false,
"Pagination": null,
"OpenGraphProperties": {
"title": null,
"type": null,
"url": null,
"locale": null,
"image": null
},
"Parent": null,
"TemplateVirtualPointer": {
"Pointer": 8491950041332711514,
"TypeId": 1977186194,
"InstanceId": 90,
"DbTypeId": 1977186194,
"DbInstanceId": 90
},
"Params": {}
},
"Type": 5
},
"ReCaptcha_Sitekey": "6Lf2cGcUAAAAABbL4aDrclASNZx9S3uaI9EvpvlI",
"Params": {
"type": "form",
"alias": "demo_contact_form",
"collectionvariable": "formData"
}
}