Input Types- Standard Fields: 2

Feature Overview

This page describes the standard input types available in Forms.

1. Date

2. HtmlInput

3. Integer

4. SingleCheckbox

5. Text

6. Textarea

7. Submit

8. Reset

1. Date:

Open

Input type of Date allows user to add Date field to the created form. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle. When 'Required’ toggle is switched ON, it shows the provided validation when the user tries to Submit the form without entering the field.

Open

Message entered in ‘Label’ section will be shown in the form above the Date entry field and 'Placeholder' text will be shown as a hint in the form. User could add separate css class for the newly added input type for custom form visualisation of the field.

2. HtmlInput:

HtmlInput allows user to add their own HTML to be embedded to the form. ‘Required', ‘Label’, 'Placeholder' & 'CSS class’ are disabled for this input type. User configuring the form could add html by clicking on the Settings and add the HTML code in Content section.

If user would like to add more custom input fields the same could be achieved by clicking Add Item button where it provides Key & Value options with capability of Drag & Drop and removing items.

3. Integer:

Input type of “Integer” allows user to add only numerics in the input field to the created form. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle. When 'Required’ toggle is switched ON, it shows the provided validation when the user tries to Submit the form without entering the field.

Message entered in ‘Label’ section will be shown in the form above the data entry field and 'Placeholder' text will be shown as a hint in the form. User could add separate css class for the newly added input type for custom form visualisation of the field.

4. SingleCheckbox:

Input type of “SingleCheckbox” allows user to add a single checkbox to the created form. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle. When 'Required’ toggle is switched ON, it shows the provided validation when the user tries to Submit the form without entering the field.

Message entered in ‘Label’ section will be shown in the form next to the checkbox and 'Placeholder' text is disabled for this input type. User could add separate css class for the newly added input type for custom form visualisation of the field.

5. Text:

Input type of “Text” allows user to add a textbox field to the created form. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle. When 'Required’ toggle is switched ON, it shows the provided validation when the user tries to Submit the form without entering the field.

Message entered in ‘Label’ section will be shown in the form above the text box and 'Placeholder' text is shown as hint in the textbox field. User could add separate css class for the newly added input type for custom form visualisation of the field.

6. Textarea:

Input type of “Textarea” allows user to add a multiline text field to the created form. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle. When 'Required’ toggle is switched ON, it shows the provided validation when the user tries to Submit the form without entering the field.

Message entered in ‘Label’ section will be shown in the form above the multiline text box and 'Placeholder' text is shown as hint in the textarea field. User could add separate css class for the newly added input type for custom form visualisation of the field.

7. Submit:

Submit input type is used to create a submit button in the created form. All validations of the form is triggered with this Submit button. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle.

‘Required' & ‘Label’ fields are disabled for this input type. The text in the button added by default can be replaced by adding text in Placeholder text field. User could add separate css class for the newly added input type for custom form visualisation of the field.

8. Reset:

Reset input type is used to create a Reset button that is used to clear the created form. On click of this button all user entered fields will be cleared and the form will in the initial state. Name for the field should be entered in lowercase and user have the provision to enable or disable the field in the form using the ‘Enable' toggle.

‘Required' fields are disabled for this input type. The text in the button added by default can be replaced by adding text in Placeholder text field. User could add separate css class for the newly added input type for custom form visualisation of the field.

Summary

 User Permissions

Admin, agency users and creative managers have access to global forms.

Agency users can perform edit actions only if access is enabled at enterprise level.

https://docs.google.com/spreadsheets/d/1i4qTTKkC3rF3EyEOh2585ktDDGge0L0IMVDNCwriFR0/edit#gid=687611748