...
Attributes are the options available for each component, allowing you to customize its appearance and functionality. They help you tailor the look and behavior of your components to fit your needs.
Basic:
...
Attribute Name | Description | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
Component Size |
| |||||||||||
Model | Creating a New Model: You can either select an existing model from the list or create a new model by clicking on the "Create New Model" option.
| |||||||||||
Header Field | A Header is the name shown to users and can come from various sources.
| |||||||||||
ID Field |
| |||||||||||
Label Field | The label field is designated for displaying the label of the tree node. All fields are visible except for image, address, array, and object type fields.
| |||||||||||
Parent Field | The lookup field type should be used as a self-lookup to create a hierarchy. In this context, only lookup fields are visible.
| |||||||||||
MIn Height | ||||||||||||
Max Height |
Base UI:
Attribute Name | Description |
|---|---|
Padding Location | "Padding Location" typically refers to the configuration of spacing around elements |
Padding Size | "Padding Size" refers to the amount of space added inside an element, between the element's content and its border or edge. |
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 |
|
UI:
Attribute Name | Description | ||
|---|---|---|---|
Icon Field | This is used to display icons for individual nodes, utilizing a field of type ”text” for alternate text.
| ||
Default Icon | You can set the default icon for the tree from the different icon options
| ||
Lazy Load? | This checkbox field is used during hierarchy creation. When enabled, it creates only the parent-level hierarchy, with child nodes loading as the user expands each tree node. There is no visible change in the UI. | ||
Hide Refresh | Checkbox used to hide refresh option. | ||
Hide Search? | Checkbox used to hide the search box of a Tree | ||
No Header |
Checkbox used to hide the header part of a Tree |
UI
...
...
Attribute Group
...
Attribute Name
...
Description
UI
...
Component Size
...
This allows users to modify the size of a section within the layout according to the grid size.
This feature allows for flexible customization, enabling users to resize components to fit their specific needs within the defined grid structure.
Note: Currently, we support Component Size 1 for Section. All other sizes will throw an error alert displaying Max allowed value is 1 .
...
Padding Location
...
"Padding Location" typically refers to the configuration of spacing around elements
...
Padding Size
...
"Padding Size" refers to the amount of space added inside an element, between the element's content and its border or edge.
...
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
...
It is used to apply custom styles to section, such as color, font, size, and more.
It allows you to define the appearance of a component by specifying CSS properties directly within the attribute.
...
Classes
...
It is used to apply SLDS classes to section, if needed.
Visibility and Component
...
State:
...
Attribute Name | Description | |||||
|---|---|---|---|---|---|---|
Visibility Type | It determines whether a component is visible on the layout. It offers the following visibility types:
| Component Label | It simply shows the name of the component. |
Id Field
...
This ID field is designed to present a list of available options only when the associated UI field is added to the model that has been bound to it.
This ensures that the list appears in the context of the data or configuration specified by the model, allowing for a more dynamic and relevant display of options based on the user's selections and the binding context.
...