Panel¶
General information¶
“Panel” is a UI component designed to display and configure the basic container. It is used to position and organize elements in the application.
Parameters¶
Component properties
| Setting field | Value Options | Purpose |
|---|---|---|
| Name | - | Name of the UI Component in the system |
CSS properties
| Settings group | Setting field | Value Options | Purpose |
|---|---|---|---|
| Layout | Orientation | Horizontal, Vertical | The property allows making changes depending on the display orientation |
| Justify-content | None, Center,End, Start, Space around, space between, space evenly | The property defines the alignment along the main axis | |
| Align items | None, Center,End, Start, Stretch | The align-items property aligns all elements inside the flex container | |
| Width | - | Component width | |
| Height | - | Component height | |
| Grow | true, false | The property determines how much an element will grow relative to the rest of the flex elements within the same container | |
| Margin | - | The property defines the outer paddings on all four sides of the element | |
| Padding | - | The property sets the inner paddings on all sides of the element | |
| Appearance | CornerRadius | - | The property is used to round the corners of an element |
| BorderThickness | - | The property allows you to set the boundaries for the element | |
| Brush | Background | - | The property sets the background color of the element |
| BorderBrush | - | The property sets the color of the element's border |
Cases¶
- Interface Organization: Used to structure and place interface elements.
Exceptions¶
- Specialized Use: Suitable for organizing elements only, not intended for other functions.