< back to Template Programming

Form Module

Reference for form module: components, data types, fields and sample code.

Last updated on 2/4/2014

Form Module Fields

The form module provides the following components for displaying forms.

Component List

ComponentData
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 FieldTypeCommentsOptions
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 FieldTypeCommentsOptions
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 FieldTypeCommentsOptions
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>