List of Components

UI controls use for setting page layout and adding additional pages for a specific component.

Page

Снимок экрана 2022-08-27 в 20.19 36.png

UI control that allows adding a new page - which can contain a new form - to the current Component

UI Control properties

Setting Name Possible Values Setting Purpose
Name - Internal Name for this UI control
Title - External Title for this Page UI control

Panel

Снимок экрана 2022-08-27 в 20.19 37.png

UI Controls that allows setting a specific layout and is a container for other UI Controls (except other Layout Group UI Controls).

UI Control properties

Setting Name Possible Values Setting Purpose
Name - Internal Name for this UI control

CSS properties

Settings Group Setting Name Possible Values Setting Purpose
Layout Orientation Horizontal, Vertical Allows set different layout depending on screen orientation (Landscape or Portrait)
Justify-content None, Center, End, Start, Space around, space between, space evenly Set justification options for IU Control’s content
Align items None, Center, End, Start, Stretch Set alignment for all UI Controls inside this UI Control
Width - Width
Height - Height
Grow true, false If True, control will automatically expand if more space is available within the encompassing UI Control
Margin - Set external margins on all four sides of the UI Control
Padding - Set internal padding inside all four sides of the UI Control
Appearance CornerRadius - Set border thickness for the UI Control
BorderThickness - Set border thickness for the UI Control
Brush Background - Set background fill for the UI Control
BorderBrush - Set the border color for the UI Control

Grid

Снимок экрана 2022-08-27 в 20.19 38.png

UI Control that provides a static table type of layout and is a container for other UI Controls (except other Layout Group UI Controls).

UI Control properties

Setting Name Possible Values Setting Purpose
Name - Internal Name for this UI control

CSS properties

Группа настроек Setting Name Possible Values Setting Purpose
Layout Column - Number of Columns
Row - Number of Rows
Width - Width
Height - Height
Grow true, false If True, control will automatically expand if more space is available within the encompassing UI Control
Margin - Set external margins on all four sides of the UI Control
Padding - Set internal padding inside all four sides of the UI Control
Appearance CornerRadius - Round the corners of the UI Control
BorderThickness - Set border thickness for the UI Control
Brush Background - Set background fill for the UI Control
BorderBrush - Set the border color for the UI Control