Reference for form module: components, data types, fields and sample code.
Form Module Fields
The form module provides the following components for displaying forms.
Component List
Component | Data |
---|---|
FormViewer | Form |
Common Fields for ItemView tab
The following fields can be used in the ItemView tab of the template html dialog editor. If the data displayed (Form) has the CMS field indicated, then the code will be available to use by the Component.
The ItemView is the default view of the form, before the user submits data.
Field Name (Template) | CMS Field | Type | Comments | Options |
---|---|---|---|---|
title | Title | text | text | |
instructions | Instructions | html | html text | |
form | Form Designer | html | HTML table output |
Common Fields for ErrorView tab
The following fields can be used in the ErrorView tab of the template html dialog editor. If the data displayed (Form) has the CMS field indicated, then the code will be available to use by the Component.
The ErrorView is displayed after the user has submitted data and if there are errors in the data submitted: missing fields or incorrect values or invalid captcha.
Field Name (Template) | CMS Field | Type | Comments | Options |
---|---|---|---|---|
title | Title | text | text | |
instructions | Instructions | html | html text | |
form | Form Designer | html | HTML table output | |
message | *Computed | text | Error message. |
Common Fields for ActionView tab
The following fields can be used in the ActionView tab of the template html dialog editor. If the data displayed (Form) has the CMS field indicated, then the code will be available to use by the Component.
The ActionView is displayed after the form has been successfully submitted.
Field Name (Template) | CMS Field | Type | Comments | Options |
---|---|---|---|---|
title | Title | text | text | |
thankyou | Thank You | html | html text |
Common Fields for Before & After tabs
N/A
Form Specific Fields
N/A
Sample Code
The following section shows common sample code for each component type.
FormViewer
<h1>@title@</h1> @instructions@ @form@
FormViewer, ErrorView
<h1>@title@</h1> <div class="error-box">@message@</div> @instructions@ @form@
FormViewer, ActionView
<h1>@title@</h1> <div class="success-box">@thankyou@</div>