Cell Component
A flexible layout container component that manages child components dynamically. Provides responsive design capabilities, supports drag-and-drop interactions, and serves as a fundamental building block for creating complex, nested UI layouts.
Extends: baseComponent
Fields
Name | Code | Data Type | Description |
|---|---|---|---|
Label |
| multi-locale | Optional label for the cell component |
Resource ID |
| text | Unique identifier for the cell |
Style Classes |
| text | CSS classes applied to the cell container |
Width Class |
| text | Controls the width of the cell using predefined CSS classes |
Inline Style |
| text | Custom inline CSS styles for the cell |
Visibility |
| boolean | Controls whether the cell is displayed or hidden |
Responsive |
| boolean | Enables responsive layout adjustments (default: true) |
Methods
Name | Description |
|---|---|
| Handles additional setup after a child component is added to the cell |
| Assigns form context to child components |
| Handles dropping an entity component into the cell |
| Handles dropping an API component into the cell |
Events
Name | Description |
|---|---|
| Triggered when the cell component is initially loaded |