Fields can be created at the UI level with different data types
Configuration of a Field component:
Name: Name is the unique identifier of the component in the layout
Label: The text that is inserted into the component of the field is known as the label. Users can change the field label
Show Horizontal line: By checking this checkbox, the user will be able to view the horizontal line in view mode
Placeholder: A placeholder is a text, located inside a field. It is an additional hint, description, or example of the information required for the field. The Placeholder text is editable
Field Type: It is a type used to create a field
Layout: It is a design through which the user can arrange the fields. The Layout options are
Stacked: The stacked layout allows the vertical arrangement of the field label and placeholder
Horizontal: The horizontal layout allows the horizontal arrangement of the field label and placeholder Single Column: A Single Column layout is arranged as columns, with all heights being equal (This works the same as horizontal but the distance between field label and placeholder is minimized)
No Label: In the No Label layout, the label name is not visible
Compact: Compact arrangement allows to arrange fields compact i.e., without having any space around
Hide Space: Using this checkbox, the user can hide spaces on 3 sides of the field i.e., left, right & bottom
URL to create a field as a link: user can enter a URL and make the field a hyperlink.
Is Clickable: If URL is available as a link in a field, then this checkbox can be used to make the field clickable or non-clickable
Inline Edit: This checkbox allows the user to edit the field directly in view mode
Debounce Time in seconds: Debounce Time is the interval that must pass before calling the next action
Value Destination Type: This attribute decides if the user wants to save a value in a variable or model
Value Destination Variable: From the value destination variable, the user can choose the variable in which the user wants to save the value of the power apps field
Value Destination Model: From the value destination model, the user can choose the specific model in which the user wants to save the value of the power apps field
Component Size: The user can modify the size of the component in the layout as per grid size
Margin Location: Defines the position of the margin for a field. It is applicable to around, top, left, bottom, right, horizontal, vertical
Margin Size: The margin size of view can be set to none, xxx-small, xx-small, x-small, small, medium, large, x-large, xx-large
Style: Style describes how fields should be rendered in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page to use the style
Classes: Classes are used to apply unique styling and formatting to the fields in preview mode. Users need to create one cdn link from the CSS tab on the layout designer page for using classes
Visibility Type: Specifies whether the field is visible or not
Always: The field is always visible
Conditional: Visibility of a field depends on the given condition or criteria
Required Type:
Never: The field is not required
Always: It must be a mandatory field
Conditional: Depending on the required criteria, the field can be set as required or not
Required Error Message: The user can enter a custom error message for the required field
Show Success Message: Using this checkbox, the user can show a success message
Success Message: The user can enter a success message when the show success message checkbox is true
Show Error Message: Using this checkbox, the user can show an error message on the layout
Error Message: The user can enter an error message when the show error message checkbox is true
Read only Type:
Never: The field cannot be read-only
Always: The field is always read-only
Conditional: Depending on the read-only criteria, the field can be set as read-only or not
Disability Type:
Never: The field cannot be disabled
Always: The field can be disabled
Conditional: Depending on the disability criteria, the field can be set as disabled or not