Input (phone)

Allows to enter and validate phone number.

Look&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:

If it is empty, the component's status has to show this error saying that the phone number field cannot be empty. This can be done with the use of Update Properties block by setting Validate Status equal to Error and putting Validate Message to reflect this error.