Forms Control

The “Form” control is designed to create short information collection forms or questionnaires tied to a template and not connected directly to an individual “Thing” in any way. The control is ideal for creating brief feedback forms, questionnaires, surveys, contests and similar use cases. 

Form Controls – A set of “Form Controls” have been provided to work in conjunction with the “Form” control and can only be dragged into a template design “within” a Form. In order to create a form, drag the “Form” control into the “Layout Editor” (Dragging in a “Section” control first and then dragging a “Form” control into it will offer greater control over formatting and style). Once the “Form” control has been added to the Layout, individual “Form Controls” can be dragged and dropped into the “Form” to generate the questions. 

Text -This control allows you to create a simple text input form field with the additional     ability to have some pre configured validations for email formats, numeric formats, hyperlinks or URLs and larger text inputs. 

 

Properties

  •  Title: Enter a label for your Text Input within this field to help you identify the Text Input or question (e.g. ‘Name Field’). This is not displayed to end users.
  • Field Name: Enter a field name without spaces or special characters to define a free form attribute to store the values input by the users. (e.g. firstName). This is used internally by the system and not displayed to the end users. 
  • Field Label: Enter a form field label or question the end user will see just above the text input. (e.g First Name) or (e.g. What is your first name?)
  • Make this field Required*: Check this box if you would like to make this field mandatory. Click on the multi-select field and select the language / languages you would like the Field Label to be enabled for.
  • Placeholder: Enter placeholder text here to help provide more context to the user. This will be displayed in a light font as an example within the input field. Click on the multi-select field and select the language / languages you would like this text to be enabled for.
  • Type: Select the type of input you expect from the user for this field. This will apply some validation to check the format before submitting the information. (e.g. If “email” is selected, the system will check for a valid email format)

 

Dropdown -This control allows you to create a dropdown / select input form field with one or more pre-configured values to select from. (e.g. Which city are you from? Select from the dropdown below.)

 

Properties

  •  Title: Enter a label for your Dropdown within this field to help you identify the field or question (e.g. ‘Country Select Field’). This is not displayed to end users.
  • Field Name: Enter a field name without spaces or special characters to define a free form attribute to store the values input by the users. (e.g. firstName). This is used internally by the system and not displayed to the end users. 
  • Field Label: Enter a form field label or question the end user will see just above the text input. (e.g Select your country) or (e.g. Where are you located?). Click on the multi-select field and select the language / languages you would like the Field Label to be enabled for.
  • Make the label * Required: Check this box if you would like to make this field mandatory. 
  • Placeholder: Enter placeholder text here to help provide more context to the user. This will be displayed in a light font as an example within the input field. Click on the multi-select field and select the language / languages you would like the text to be enabled for.
  • Options Label: Enter a label for the user to view and select from within the dropdown. (e.g. “United States”). This will be displayed within the drop down the user sees. Click on the multi-select field and select the language / languages you would like the Label to be enabled for.
  • Options Value: Enter the actual value sent to be stored in the responses data when the user selects an option. (e.g. “USA”). The value can be the same as the label or different if you wish to store a different value for the response within the data.

 

Radio -This control allows you to create a set of radio button options from which the user can select a single option. (e.g. “How easy was this form to use? Please select one option”

 

Properties

  •  Title: Enter a label for your Radio options list within this field to help you identify the field or question (e.g. ‘Easy of Use Field’). This is not displayed to end users.
  • Field Name: Enter a field name without spaces or special characters to define a free form attribute to store the values input by the users. (e.g. easeOfUse). This is used internally by the system and not displayed to the end users. 
  • Field Label: Enter a form field label or question the end user will see just above the text input. (e.g “How easy was this form to use? Please select one option”). Click on the multi-select field and select the language / languages you would like the Field Label to be enabled for.
  • Make the label * Required: Check this box if you would like to make this field mandatory. 
  • Options Label: Enter a label that will appear to the user for this Option (e.g. “Very Easy to Use”). This will be displayed next to the Radio option and is seen by the user. Click on the multi-select field and select the language / languages you would like the text to be enabled for.
  • Options Value: Enter the actual value sent to be stored in the responses data when the user selects an option. (e.g. “EASY”). The value can be the same as the label or different if you wish to store a different value for the response within the data.

 

Checkbox -This control allows you to create a set of options from which the user can select one or more options from. (e.g. “Select the industries your business caters to”)

Properties

  •  Title: Enter a label for your Checkbox list within this field to help you identify the field or question (e.g. ‘Industries Field’). This is not displayed to end users.
  • Field Name: Enter a field name without spaces or special characters to define a free form attribute to store the values input by the users. (e.g. targetIndustries ). This is used internally by the system and not displayed to the end users. 
  • Field Label: Enter a form field label or question the end user will see just above the text input. (e.g “Which industries do you target? Please select all industry segments that apply”). It is multilingual field 
  • Make the label * Required: Check this box if you would like to make this field mandatory. 
  • Options Label: Enter a label that will appear to the user for this Option (e.g. “Manufacturing Industry”). This will be displayed next to the Checkbox option and is seen by the user. Click on the multi-select field and select the language / languages you would like the text to be enabled for.
  • Options Value: Enter the actual value sent to be stored in the responses data when the user selects an option. (e.g. “MANUFACTURING”). The value can be the same as the label or different if you wish to store a different value for the response within the data.
Related Articles