Input (text)

Click to copy

Input field for text


Look and Feel Settings:

Label (not mandatory) - label for input.

Placeholder (not mandatory) - placeholder for input.

Name (mandatory) - name of the input.

Tooltip (not mandatory) - hint for input.

Min rows (not mandatory) - min number of lines to enter

Max rows (not mandatory) - max number of lines to enter

Required (mandatory) - makes the field mandatory. Disabled by default.

Allow clear (mandatory) - icon to clear the input. Disabled by default.

Validate icon (mandatory) - validate icon for input. Disabled 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:

  • onCreate – fires when the element is created on the page; 
  • onShow – fires when the component changes its state to visible (displayed on the page); 
  • onHide – fires when the component changes its state to hidden (stops being displayed);
  • onDestroy – fires before the component is destroyed; 
  • onChange - fires when the value is changed;
  • onFocus - fires when component is being focused;
  • onBlur - fires when component is blurred;

Component Actions

InputText Get Properties

Gets the component's properties.

Input parameters:

  • Component Id [string] - input component's identifier.

Output parameters:

  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Min row [integer] - min number of lines to enter;
  • Max row [integer] - max number of lines to enter;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [text] - value from input;
  • 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 Text Get Properties

InputText Set Properties

Sets the component's properties.

Input parameters:

  • Component Id [string] - input component's identifier;
  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [text] - value from input;
  • 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 Text Set Properties

InputText Update Properties

Update the component's properties.

Input parameters:

  • Component Id [string] - input component's identifier;
  • Label [string] - input label;
  • Placeholder [string] - input placeholder;
  • Allow clear [boolean] - state of allow clear;
  • Disable [boolean] - disables component if true;
  • Visible [boolean] - component visibility state;
  • Tooltip [string] - input field hint;
  • Required [boolean] - shows required mark if true;
  • Debounce (ms) [integer] - delay to validate the value; 
  • Value [text] - value from input;
  • 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 Text Update Properties


Usage example

The input text -is suitable for giving the user the opportunity to write a detailed message, for example, a comment: