...
Attributes of Text Field
Basic:
...
Attribute Name
Description
Debounce time in seconds
"Debounce time in seconds" refers to the delay period set to prevent a Event from being called.
Info |
---|
Example: If the debounce time is set to 2 seconds, the Event will only execute if there is a 2-second pause. |
Is Copy Enabled checkbox
After marking the checkbox as true, a copy icon will appear beside the name field.
Help Text
Provides additional guidance or information about a field or element to assist users in understanding how to complete it or what data is expected.
Attribute Name | Description | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Component Size |
| |||||||||||
Display as | Display As allows you to select data type options to define how the field will be display.
| |||||||||||
Label | A Label is the name shown to users and can come from various sources.
| |||||||||||
Place holder | This is a hint or example text displayed in an input field before the user enters their own data. | |||||||||||
Field Type | Here you can choose different field types.
| |||||||||||
Layout | Field Layout allows you to arrange fields on the form. | |||||||||||
Hide Space Checkbox | After marking this checkbox as true, it will crop the extra corners of the fields. |
Config:
Dest Types | This attribute specifies whether the user wants to store a value in a variable or a model. Model: Here, |
the user can select |
the model and specify the field where the value will be stored. | |
Dest Var | Here you can choose the variable option from variable list. Note: This appears when you select " |
Variable" |
in the |
Dest Type. |
Dest Model | Here you can choose the |
model from |
list. or it provide option for new model creation. Note: This appears when you select " |
Model" |
in the |
Dest Type. |
Value Destination Model
From the value destination model, you can select the specific model where you want to save the field's value.
By using a model, you can bind a value to the component, with the value coming from the object used during model creation.
UI:
...
|
Base UI:
...
Attribute Name | Description | Component Size
| |||
---|---|---|---|---|---|
Margin Location | "Margin Location" refers to the spacing around the outside edge of an element | ||||
Margin Size | "Margin Size" refers to the amount of space around the outside edges of an element, | ||||
Style |
| ||||
Classes |
|
Conditional Visibility:
...
Hide Space | After marking this checkbox as true, it will crop the extra corners of the fields. |
UI State:
...
Visibility Type:
Attribute Name | Description | ||
---|---|---|---|
Visibility Type | It determines whether a component is visible on the layout. It offers the following visibility types:
|
Read Only:
Attribute Name | Description | ||
---|---|---|---|
Read Only Type | It specifies whether a component can be edited by users. It offers the following options:
|
Disability Type:
Attribute Name | Description | ||
---|---|---|---|
Disability Type | It determines whether a component is disable on the layout. It offers the following visibility types:
|
Validation:
Attribute Name | Description |
---|---|
Required Type | Here, users can apply validation based on filter conditions.
|
Required Error Message | Enter the error message you want to display for required fields. |
Minimum Min Length | Set the minimum number of characters required for the input field. |
Min Length Error Message | Enter the error message to display if the input does not meet the required minimum length. |
Maximum Max Length | Set the maximum number of characters allowed for the input field. |
Max Length Error Message | Enter the error message to display if the input exceeds the maximum allowed length. |
Pattern | A regex pattern or regular expression pattern, is a sequence of characters that defines a search pattern. It's used for pattern matching within strings, such as validating input, searching for specific text, or replacing text. |
Pattern Error Message | A "Pattern Error Message" typically refers to an error generated when input data does not match the expected format defined by a regular expression pattern. This message is usually displayed to inform users that their input is invalid or incorrectly formatted. |
...
UI:
Attribute Name | Description |
---|
Read Only Type
It specifies whether a component can be edited by users. It offers the following options:
Never: The component will always be editable at any time.
Always: The component will never be editable.
Conditional: The component's editability is determined based on specific criteria, which can make it either editable or read only as needed.
You can explore more about Read Only Type here.
Info |
---|
Reference: Read Only |
Conditional Disability:
...
...
Attribute Name
...
Description
...
Disability Type
...
It determines whether a component is disable on the layout. It offers the following visibility types:
Never: There is no disable option for this component
Always: The component will always be visible.
Conditional: The component's visibility is determined based on specific criteria, which can make it either visible or hidden as needed.
You can explore more about Disability Type here
Info |
---|
Reference: Conditional Disability |
Component:
Attribute Name
Description
Component Label
Layout | |
Is Copy Enabled checkbox | After marking the checkbox as true, a copy icon will appear beside the name field. |
Help Text | Provides additional guidance or information about a field or element to assist users in understanding how to complete it or what data is expected. |
Label Source Type:
...
Attribute | Description |
---|---|
Model (Salesforce Object) | From this source, users can select a Model (Salesforce Object) field to be displayed as the label name. |
Variable | Here, users can select the label name from variables such as Record ID, Is Disabled, Is Read only, or Is Visible. |
Cookie Key | Choose the available cookie key whose value you want to include from your browser. |
Local Storage Key | Select the available Local Storage Key whose value you want to include from your browser. |
User | Here, you can choose the label from user fields such as First Name, Last Name, Email, Name, Phone, or Session ID. |
Merge Field Expression | Merge Field Expression displays the value selected from the chosen value source. |
Message Body | Inside the message body, user also can add the values manually. |
...