Radio Group#
To configure the widget, you need to perform the following actions:
The Radio Group widget displays a field for creating a group of switches, allowing the User to select only one switch. Each item in the group represents a separate option.
To configure an item, click on the edit icon .
A popup window “Element Settings” will open:
Fields for Widget Configuration#
Fill in the necessary fields to configure the widget.
“Required” – a checkbox, filled manually with the left mouse button. It is intended to color the field red if the User has not filled out this widget.
“Visible Name” – a text field, filled manually from the keyboard. Allows specifying a name for the widget.
“Parameter Name in Task” – a text field, filled manually from the keyboard. This field displays 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, filled manually from the keyboard. Allows specifying placeholder text that will be displayed in the input field until the user starts entering a value.
“Class” – a text field, filled manually from the keyboard. Allows specifying a CSS class that will be applied to the element. This allows changing the style of the widget, such as color, size, or font.
“Regular Expression (Regexp)” – a text field, filled manually from the keyboard. Allows specifying a regular expression for input validation.
“Validation Error Message” – a text field, filled manually from the keyboard. Allows specifying text that will be displayed to the User if the entered value fails validation.
“Hint” – a text field, filled manually from the keyboard. Allows specifying additional hint text that helps the user understand what needs to be entered.
“Default Value” – a text field, filled manually from the keyboard. Allows specifying a value that will be displayed in the input field by default.
“Key” – a text field, filled manually from the keyboard. Allows assigning 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, filled manually from the keyboard. Allows specifying text that will be shown to the User in the interface as an option to choose.
If additional options need to be added, the User should click the button .
Example of Filling
| Field Name | Value |
|---|---|
| Checkbox "Required" | |
| Visible Name | Choose your preferred method of contact |
| Parameter Name in Task | preferred_contact_method |
| Placeholder | Please select a method of contact |
| Class | contact-method-radio |
| Regular Expression (Regexp) | |
| Validation Error Message | Please select one of the methods of contact. |
| Hint | Choose how you prefer to receive messages from us. |
| Default Value | |
| Key | Option 1 |
| Option Name | |
| Key | Option 2 |
| Option Name | Phone |
| Key | Option 3 |
| Option Name | SMS |
| Key | Option 4 |
| Option Name | Messenger |
Result: