Input (phone)
Allows to enter and validate phone number.
Look and Feel Settings
Label (not mandatory) to be used to show the component's label.
Placeholder (not mandatory) to be used to show the component's placeholder.
Name (mandatory) - name of the component.
Tooltip (not mandatory) - tooltip string.
Mask (not mandatory) - phone mask to be used.
Required (mandatory) - marks if the value is required or not. Is set to false by default.
Allow clear (mandatory) - allows clear on selection. Is set to false by default.
Validate Icon (mandatory) - shows validation icon if enabled. Is set to false by default.
Disabled (mandatory) - makes the component disabled if turned on. Is turned off by default.
Visible (mandatory) - makes the component visible if turned on. Enabled by default.
Workflow triggers
- onChange - fires when the dropdown option is changed.
- onFocus - fires when the component is being focused on.
- onBlur - fires when the component is blurred.
- onCreate - fires when the component is created.
- onShow - fires when the component is shown.
- onHide - fires when the component is hidden.
- onDestroy - fires when the component is shown.
- onEnterKey - fires when the Enter key is pressed.
Component Actions
InputPhone Get Properties
Gets the component's properties.
Input parameters:
- Component Id [string] - component's identifier;
Output parameters:
- Label [string] - component's label;
- Placeholder [string] - component's placeholder;
- Allow Clear [boolean] - allows clear the selection if true;
- Disable [boolean] - disables component if true;
- Tooltip [string] - tooltip string;
- Required [boolean] - shows required mark if true;
- Debounce (ms) [integer] - delay to validate the value;
- Value [phone number] - phone-formatted input value;
- Validate Icon [boolean] - icon to be shown on validate the value;
- Validate Status [Status type] - status to be shown on validate the value;
- Validate Message [string] - message to be shown on validate the value;
InputPhone Set Properties
Sets the component's properties.
Input parameters:
- Component Id [string] - component's identifier;
- Label [string] - component's label;
- Placeholder [string] - component's placeholder;
- Allow Clear [boolean] - allows clear the selection if true;
- Disable [boolean] - disables component if true;
- Tooltip [string] - tooltip string;
- Required [boolean] - shows required mark if true;
- Debounce (ms) [integer] - delay to validate the value;
- Value [phone number] - phone-formatted input value;
- Validate Icon [boolean] - icon to be shown on validate the value;
- Validate Status [Status type]- status to be shown on validate the value;
- Validate Message [string] - message to be shown on validate the value;
InputPhone Update Properties
Updates component's properties.
Input parameters:
- Component Id [string] - component's identifier;
- Label [string] - component's label;
- Placeholder [string] - component's placeholder;
- Allow Clear [boolean] - allows clear the selection if true;
- Disable [boolean] - disables component if true;
- Tooltip [string] - tooltip string;
- Required [boolean] - shows required mark if true;
- Debounce (ms) [integer] - delay to validate the value;
- Value [phone number] - phone-formatted input value;
- Validate Icon [boolean] - icon to be shown on validate the value;
- Validate Status [Status type]- status to be shown on validate the value;
- Validate Message [string] - message to be shown on validate the value;
Usage example
There is a way to check if the entered value is empty or not. First of all the entered value has to be checked if it is null or not. Component ID needs to be specified in order to get this value from the component: