Field

Overview

• The Field is a generic component using which you can accept values in different formats and data types

• e.g. number, phone, email, text, etc

• It can be bound with the model Field and variable

• If you want to accept/display data to the user without an object you can use the Field component

Attributes

Label

• The label is a short description of the field that will be displayed before the data input/output

Placeholder

• A placeholder is a short text, located inside the input data field

Open

Layout

• It is a design using which the user can arrange the fields

• The Layout comes in 5 different forms:

• Stacked: In a stacked layout, the input/output field is under the field label with a small margin around the label, and the input/output field

• Horizontal: In a horizontal layout, the input/output field is in front of the field label with a small margin around the label, and the input/output field

• Single Column: A Single Column layout is the same as a horizontal layout the only difference is the input/output field size is greater than the field label in a layout

• No Label: In the No Label layout, the label name is not visible only the input/output field is present in the layout

• Compact: Compact layout is the same as a stacked layout, the difference is there is no margin around the label and the input/output field

Open

URL to create a field as a link  

• This feature is used to make a field a hyperlink field

• This value will serve as a hyperlink text

Inline Edit

• The inline edit feature allows us to edit the record without pressing the edit button

Debounce Time in seconds

• Debounce Time is the time taken to complete the two actions

• e.g. When you click on the save button, the time it takes to complete the save action is debouncing time

Validations

1. Required Type: Ensures that a specific type of input is required.

2. Required Error Message: Specifies the error message to be displayed when the required type is not provided.

3. Minimum Length: Specifies the minimum length of input required.

4. Min Length Error Message: Specifies the error message to be displayed when the input length is less than the minimum required length.

5. Maximum Length: Specifies the maximum length of input allowed.

6. Max Length Error Message: Specifies the error message to be displayed when the input length exceeds the maximum allowed length.

7. Pattern: Specifies a pattern or format that the input must adhere to.

8. Pattern Error Message: Specifies the error message to be displayed when the input does not match the specified pattern.

Read-only:

Never: The field cannot be read-only

 Always: The field will be always read-only

 Conditional: Depending on the read-only criteria, the field can be set as read-only or not

Disable:

Never: The field cannot be disabled

Always: The field will be always disabled

 Conditional: Depending on the disability criteria, the field can be set as disabled or not