Input (phone)

Click to copy

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;

Input Phone Get Properties

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;

Input Phone Set Properties

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;

Input Phone Update Properties


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: