Customer Form Template
SYSTEM ADMINTENANT ADMINSITE ADMIN
Customer Form Templates are divided into 2 main groups:
- Customer form templates for regular contacts (not float-able), (further regular customer form templates)
- Customer form templates for floating contacts (further floating customer form templates)
There is no difference in structure between floating and regular templates. Each template was built with flexible design in mind and in general you can upload one template and use it as floating and regular. Each template can contain custom elements which will be described in further detail below.
There are 4 default entries which cannot be deleted or changed, only downloaded for editing / duplication purposes:
- Default Customer Form Template.
- Default Floating Customer Form Template.
- Default Customer Form with Disclaimer Template.
- Default Floating Disclaimer Customer Form Template.
Template consist of a HTML file and 14 JSON translation files. All elements are based on AngularJS and can be configured via special attributes.
Custom Input
Configuration
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
label | string | label that will be shown before html's input | - |
name-value | string | name of the html's input (if set save-in-cookie – under this name value will be saved in cookie) | - |
is-client-id | boolean | determine if entered value will be used as customer's identifier | - |
save-in-cookie | boolean | determine if entered value will be saved in cookie or not | - |
placeholder | string | short hint that describes expected value | - |
Validation
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
required | boolean | determine if value should be entered or not | - |
required-error | string | error message if value wasn't entered | required="true" |
regex-pattern | string | regular expression, that can be used for validation | - |
regex-pattern-error | string | error message if entered value is not satisfied regular expression | regex-pattern="<pattern>" |
max-length | integer | maximum number of allowed characters to enter | - |
max-length-error | string | error message if entered value reached maximum number of allowed characters | max-length="<value>" |
Custom Drop-Down
Configuration
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
label | string | label that will be shown before html's select | - |
name-value | string | name of the html's select (if set save-in-cookie – under this name value will be saved in cookie) | - |
is-client-id | boolean | determine if selected value will be used as customer's identifier | - |
save-in-cookie | boolean | determine if selected value will be saved in cookie or not | - |
values | string[] | possible values to select | - |
Validation
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
required | boolean | determine if value should be selected or not | - |
required-error | string | error message if no value was selected | required="true" |
Custom Check-Box
Configuration
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
label | string | label that will be shown before html's input | - |
name-value | string | name of the html's input (if set save-in-cookie – under this name value will be saved in cookie) | - |
is-client-id | boolean | determine if entered value will be used as customer's identifier | - |
save-in-cookie | boolean | determine if entered value will be saved in cookie or not | - |
is-disclaimer | boolean | determine if element contains disclaimer text that should be accepted | - |
Validation
Attribute name | Type | Description | Required attributes |
|---|---|---|---|
required | boolean | determine if value should be checked or not | - |
required-error | string | error message if value wasn't checked | required="true" |