Checkbox Group#
To configure the widget, you need to perform the following actions:
The Checkbox Group widget displays a field for creating a group of checkboxes, allowing Users to select multiple options from those presented. Each checkbox can be toggled on or off independently of others.
To configure the element, click on the edit icon .
A pop-up window titled “Element Settings” will open:
Fields for Widget Configuration#
Fill in the necessary fields to configure the widget.
“Required” – a checkbox that is filled in manually with the left mouse button. It is intended to color the field red if the User has not filled in this widget.
“Visible Name” – a text field that is filled in manually from the keyboard. It allows you to specify a name for the widget.
“Parameter Name in Task” – a text field that is filled in manually from the keyboard. This field displays the text that corresponds to the value of the specified Parameter of the selected Task. The User can change this value in the text field, and after saving the form, the new value will be recorded in the specified Parameter of the selected Task. This means that by making changes in the text field, the User can update the information in the Task, simply by entering a new value and saving the changes.
“Placeholder” – a text field that is filled in manually from the keyboard. It allows you to specify a placeholder text that will be displayed in the input field until the user starts entering a value.
“Class” – a text field that is filled in manually from the keyboard. It allows you to specify a CSS class that will be applied to the element. This allows you to change the style of the widget, such as color, size, or font.
“Regular Expression (Regexp)” – a text field that is filled in manually from the keyboard. It allows you to set a regular expression for input validation.
“Validation Error Message” – a text field that is filled in manually from the keyboard. It allows you to specify the text that will be displayed to the User if the entered value fails validation.
“Hint” – a text field that is filled in manually from the keyboard. It allows you to specify an additional hint that will help the user understand what exactly needs to be entered.
“Default Value” – a text field that is filled in manually from the keyboard. It allows you to specify a value that will be displayed in the input field by default.
“Key” – a text field that is filled in manually from the keyboard. It allows you to assign a unique identifier to the control or its options. The key is necessary for processing data on the server side or during programmatic form handling.
“Option Name” – a text field that is filled in manually from the keyboard. It allows you to specify the text that will be shown to the User in the interface as an option to choose.
If you need to add other options for selection, the User must click on the button .
Example of Filling#
| Field Name | Value |
| Checkbox "Required" | |
| Visible Name | Specify your preferences |
| Parameter Name in Task | preferences |
| Placeholder | Select one or more options |
| Class | checkbox-group |
| Regular Expression (Regexp) | |
| Validation Error Message | Please select at least one option. |
| Hint | Select your preferences from the available options. |
| Default Value | |
| Key | Option 1 |
| Option Name | Coffee |
| Key | Option 2 |
| Option Name | Tea |
| Key | Option 3 |
| Option Name | Juice |
| Key | Option 4 |
| Option Name | Water |
Result: