Button#
General information#
A Button is the main UI component used to execute commands or initiate actions in an application. It can be configured to run processes, confirm user actions, or serve as a navigation tool.
Parameters#
Component Properties:
Settings group |
Setting Field |
Value Options |
Purpose |
|---|---|---|---|
(Global settings) |
Name |
- |
Name of the UI Component in the system |
Common |
Icon |
- |
Icon loading (.svg) |
Disabled |
true, false |
Disabling an element |
|
Label |
- |
Button text |
|
Text |
Font size |
- |
Size of the font |
Color |
- |
Text color (CSS) |
|
Bold |
true, false |
Bold font |
|
Italic |
true, false |
Italic font |
|
Text alignment |
Left, Right, Center, Justify |
Text alignment |
|
Actions |
Command type |
Various commands |
Action by button click |
Restrict access |
true, false |
Access limitation |
CSS Properties:
Settings group |
Setting Field |
Value Options |
Purpose |
|---|---|---|---|
Layout |
Width |
- |
Component width |
Height |
- |
Component height |
|
Grow |
true, false |
Component stretching |
|
Margin |
- |
Outer padding |
|
Padding |
- |
Inner padding |
|
Appearance |
CornerRadius |
- |
Corner radius |
BorderThickness |
- |
Border thickness |
|
Brush |
Background |
- |
Background color |
BorderBrush |
- |
Border color |
Cases#
Form Submission: Using a button to submit form data to the server or to initiate processing of form data in the application.
Navigation: Assignment of a button to navigate between different screens or sections of the application.
Interactive Elements: Creation of buttons to control interactive elements, such as changing content on a page.
Exceptions#
Limitations on the Number of Actions: Only one action can be assigned to a button (execute dataflow, execute script, etc.).