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.