Header

A header (also known as a label) is a special type of control which does not illicit any response.
Headers are only for informational and organizational purposes.

How to add a Header to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Header" at the top of the page drag the word down into the Preview before releasing the mouse button.
   • A newly placed Header will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Header Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Header you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Header Properties

Text

• Dictates the header text visible.
• Varchar
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.

TextBox

A TextBox is the most basic but also the most powerful data collection tool available.

How to add a TextBox to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "TextBox" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed TextBox will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the TextBox you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

TextBox Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

PlaceHolder

• Grey informational text which will be displayed within the typing input of the control, but will be removed when a value is entered.
• Varchar
• 50 Character Limit

HelperText

• Additional Text that is placed within the typing input of the control, but is not removed when a value is entered.
• Varchar
• 50 Character Limit

Character Counter

• Determines an exact number of characters that can be entered for this control.
• Numerical
• 50 Character Limit

Character Counter Show

• Determines whether this control will display the current and maximum number of characters allowed for this control as dictated by Character Counter property.
• Example showing 5 of the 15 available characters used so far: (5/15)
• Numerical
• 50 Character Limit

Password

• Determines whether text entered into this control will be hidden from the user.
• Typed characters will be converted to * after the next characters is typed.
• Bit
• True/False

Input Mask

• Determines whether text will be formatted according to a predefined input mask.
• Example 0123456789 displayed with mask (XXX) XXX-XXXX: (012) 345-6789
• Input Masks are compatible with regular & Numeric Text Boxes.
• Varchar
• 50 Character Limit

Is Numeric

• Determines whether this control will accept only numerical values.
• HelperText is disabled when IsNumeric = true.
• Bit
• True/False

Decimal Digits

• Determines the number of decimal digits to be allowed (The number after the "." symbol)
• Works in conjunction with a Decimal Format & Is Numeric = True
• Example Decimal Digits = 3 Result 00.000
• Integer
• 50 Character Limit

Decimal Format

• Determines which of the following formats the numerical value will be displayed in:
• Regular (no special symbols)
• Percentage (% located at the end of the text)

• Currency ($ located at the beginning of the text)

• Note Special symbols included in Decimal formats will not be included in the response data.

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.

Editor

An Editor is a multi-line version of a TextBox.

How to add an Editor to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Editor will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Editor you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Editor Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

PlaceHolder

• Grey informational text which will be displayed within the typing input of the control, but will be removed when a value is entered.
• Varchar
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.

Date

An Date is a special type of control used specifically for collecting values of Dates. * Calendar Day * Calendar Month * Calendar Year

How to add a Date to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Date will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Date you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Date Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• The Date Collection control will display differently depending on the mobile operating system used.

Time

An Date is a special type of control used specifically for collecting values of Time. * Calendar Minute * Calendar Hour

How to add a Time to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Time will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Time you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Time Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• The Time Collection control will display differently depending on the mobile operating system used.

Radio Button

Radio Button is a single control represented as multiple options to the user.
Only 1 of the available options may be chosen by a user.

How to add a Radio Button to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Radio Button will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Radio Button you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Radio Properties

Orientation

• Used to control which orientation the options are displayed to the user.
• Horizontal = options are listed from left to right.
• Vertical = options are listed from top to bottom.

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Add Option

• Creates additional option for the user to select.
• Varchar
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• Only 1 radio button option may be chosen by the user at a time. Selecting any option will de-select all other chosen options.

Checkbox

Checkbox is a single control represented as multiple options to the user.
One or Multiple of the available options may be chosen by a user.

How to add a Checkbox to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Checkbox will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Checkbox you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Checkbox Properties

Orientation

• Used to control which orientation the options are displayed to the user.
• Horizontal = options are listed from left to right.
• Vertical = options are listed from top to bottom.

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Add Option

• Creates additional option for the user to select.
• Varchar
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• More than 1 checkbox can be selected by the user for the same control.
• Additional selections will be separated in the response data with a | delimiter

Picker (Dropdown List)

Picker is a single control represented as multiple options to the user.
Only 1 option may be selected by the user.
Use this control when displaying a long list of options which is too long to list using radio buttons. You can display text to the user, but save different (or the same) text in the response data.

How to add a Picker to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Editor" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Picker will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Picker you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Picker Properties

Add Option

• Creates additional option for the user to select. Each line of Value/Text is linked.
  • Value - This is the value being selected behind-the-scenes, this value will be included in the response data.
  • Text - This is the value being displayed to the user.
• Varchar
• 50 Character Limit

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.

Signature Capture

Signature Capture is a special type of control which utilizes the user's screen to allow for a signature to be captured and stored with the form response.

How to add a Signature to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the word "Signature" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Signature will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Signature you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Signature Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• Signatures are stored in as a .PNG file with a transparent background.
• Signatures are stored in the SignatureImages Folder.

Image Upload

Image Upload allows users to attach photos from their mobile device and attach them to the form response.

How to add an Image Upload to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the words "Image Upload" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Image Upload will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Image Upload you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Image Upload Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

Allow Quantity

• Limits the number of images that can be uploaded using this control to the number indicated.
• Integer
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• Images are stored in the ControlResponseImages Folder.

Calculated

Calculated controls use logic and/or math to produce the desired output value.

How to add a Calculated control to an existing Form

1. Navigate to your chosen form and enter into the form builder.
2. Use your mouse to click on the words "Calculated" at the top of the page drag the word down into the 'Preview` before releasing the mouse button.
   • A newly placed Calculated will be located at the bottom of the form - you may need to scroll down to see it.
3. If you need to move your control somewhere else within the form, simply click and drag it where you want it to go.
   • Other containers and controls will adjust automatically to the new placement.

Changing Control Properties

1. Navigate to your chosen form and enter into the form builder.
2. Click using your mouse to select the Calculated you wish to modify.
3. Click on the + button in the top-right corner of the control.
4. The Properties window will be populated with available properties for that specific control.
5. When finished with changes to the control's properties, click Apply button at the bottom to retain your changes.

Calculated Control Operators & Functions

• Operators
  • Arithmetic Operators
  • Logical Operators
  • Text Operators
• Functions
  • Branch Functions
  • Boolean Functions
  • Float Functions
  • Integer Functions
  • String Functions
  • Date/Time Functions
  • Special Functions

Calculated Control Properties

Name

• A unique name attribute for this control.
• Varchar
• 50 Character Limit

DisplayText

• Used for display text directly above the control.
• Varchar
• 50 Character Limit

Required

• Determines whether this control must be completed before submission.
• Bit
• True/False

Hidden

• Determines whether this control is visually hidden from the user.
• Bit
• True/False

Active

• Determines whether users can interact with this control.
• Bit
• True/False

Hint

• Provides additional text within a pop-up window near this control.
• Varchar
• 50 Character Limit

Allow Quantity

• Limits the number of images that can be uploaded using this control to the number indicated.
• Integer
• 50 Character Limit

Helpful Information

• Controls can be placed directly into the form body or placed inside a grid.
• Images are stored in the ControlResponseImages Folder.