Checkbox¶
General information¶
A “Checkbox” is an interface element that allows users to select or deselect a specific parameter or option. This component is widely used to create parameter lists, manage settings, or select multiple options at once.
Parameters¶
Component properties
| Settings group | Setting field | Value Options | Purpose |
|---|---|---|---|
| Name | - | Name of the UI Component in the system | |
| Common | Disabled | true, false | The property allows you to disable an element on the form |
| Required | true, false | The property makes the element required to be filled out prior to submitting the form | |
| Label | - | Contains the table of contents of the text container | |
| Binding | Multiselect of Catalog | Contains a related “Boolean” field from the model | |
| Events | On value changed | - | Allows you to run the specified script after changing the value of the field |
CSS properties
| Settings group | Setting field | Value Options | Purpose |
|---|---|---|---|
| Layout | 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¶
- Option Selection: Users can select or deselect certain parameters or options.
- Settings Management: Checkbox is used to enable or disable certain settings or features.
- Multiple Selection: In the Checkbox group, users can select multiple options at the same time.
Exceptions¶
- Unintuitive Interface: With a large number of checkboxes on a page or in complex forms, users may have difficulty choosing options.
- Unclear Formulations: If Checkbox formulations are not informative or unclear, users may not understand what they are choosing.