Number input#
Для настройки виджета требуется совершить следующие действия:
Виджет Number input отображает поле для ввода числового значения Пользователем, что позволяет использовать подсказки и ограничения, для ввода только верных значений.
Для настройки элемента нажмите на значок редактирования .
Откроется всплывающее окно “Настройки элемента”:
Поля для настройки виджета#
Заполните нужные поля для настройки виджета.
“Обязательный к заполнению” – чекбокс, заполняется вручную левой кнопкой мыши. Предназначен для окраса поля в красный цвет, если Пользователь не заполнил данный виджет.
“Видимое название” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать название для виджета.
“Имя Параметра в Задаче (Task)” – текстовое поле, заполняется вручную с клавиатуры. В этом поле отображается текст, который соответствует значению указанного Параметра выбранной Задачи. Пользователь может изменить это значение в текстовом поле, и после сохранения формы новое значение будет записано в указанный Параметр выбранной Задачи. Это означает, что при внесении изменений в текстовое поле Пользователь может обновить информацию в Задаче, для чего достаточно просто ввести новое значение и сохранить изменения.
“Заполнитель” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст-заполнитель (placeholder), который будет отображаться в поле ввода до тех пор, пока пользователь не начнет вводить значение.
“Класс” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать CSS-класс, который будет применяться к элементу. Это позволяет изменить стиль виджета, например, цвет, размер или шрифт.
“Регулярное выражение (Regexp)” – текстовое поле, заполняется вручную с клавиатуры. Позволяет задать регулярное выражение для валидации ввода. Например, ^\d+$ гарантирует, что вводится только целое число.
“Подсказка об ошибке валидации” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст, который будет отображаться Пользователю в случае, если введенное значение не прошло валидацию.
“Подсказка” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать дополнительную подсказку, которая поможет пользователю понять, что именно нужно вводить.
“Значение по умолчанию” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать значение, которое будет отображаться в поле ввода по умолчанию.
“Минимальное значение” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать минимально допустимое значение, которое Пользователь может ввести.
“Максимальное значение” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать максимально допустимое значение, которое Пользователь может ввести.
“Максимальное количество символов” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать максимальное количество вводимых символов.
Пример заполнения#
| Название поля | Значение |
|---|---|
| Чек бокс "Обязательный к заполнению" | |
| Видимое название | Возраст |
| Имя Параметра в Задаче (Task) | user_age |
| Заполнитель | Введите ваш возраст |
| Класс | input-age |
| Регулярное выражение (Regexp) | ^\d+$ |
| Подсказка об ошибке валидации | Пожалуйста, введите корректное число. |
| Подсказка | Возраст должен быть от 0 до 120. |
| Значение по умолчанию | 0 |
| Минимальное значение | 0 |
| Максимальное значение | 120 |
| Максимальное количество символов | 3 |
Результат: