Number input#

Для настройки виджета требуется совершить следующие действия:

Виджет Number input отображает поле для ввода числового значения Пользователем, что позволяет использовать подсказки и ограничения, для ввода только верных значений.

Для настройки элемента нажмите на значок редактирования .

Откроется всплывающее окно “Настройки элемента”:

Поля для настройки виджета#

Заполните нужные поля для настройки виджета.

“Обязательный к заполнению” – чекбокс, заполняется вручную левой кнопкой мыши. Предназначен для окраса поля в красный цвет, если Пользователь не заполнил данный виджет.

“Видимое название” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать название для виджета.

“Имя Параметра в Задаче (Task)” – текстовое поле, заполняется вручную с клавиатуры. В этом поле отображается текст, который соответствует значению указанного Параметра выбранной Задачи. Пользователь может изменить это значение в текстовом поле, и после сохранения формы новое значение будет записано в указанный Параметр выбранной Задачи. Это означает, что при внесении изменений в текстовое поле Пользователь может обновить информацию в Задаче, для чего достаточно просто ввести новое значение и сохранить изменения.

“Заполнитель” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст-заполнитель (placeholder), который будет отображаться в поле ввода до тех пор, пока пользователь не начнет вводить значение.

“Класс” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать CSS-класс, который будет применяться к элементу. Это позволяет изменить стиль виджета, например, цвет, размер или шрифт.

“Регулярное выражение (Regexp)” – текстовое поле, заполняется вручную с клавиатуры. Позволяет задать регулярное выражение для валидации ввода. Например, ^\d+$ гарантирует, что вводится только целое число.

“Подсказка об ошибке валидации” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать текст, который будет отображаться Пользователю в случае, если введенное значение не прошло валидацию.

“Подсказка” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать дополнительную подсказку, которая поможет пользователю понять, что именно нужно вводить.

“Значение по умолчанию” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать значение, которое будет отображаться в поле ввода по умолчанию.

“Минимальное значение” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать минимально допустимое значение, которое Пользователь может ввести.

“Максимальное значение” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать максимально допустимое значение, которое Пользователь может ввести.

“Максимальное количество символов” – текстовое поле, заполняется вручную с клавиатуры. Позволяет указать максимальное количество вводимых символов.

Пример заполнения#

Название поля Значение
Чек бокс "Обязательный к заполнению"
Видимое название Возраст
Имя Параметра в Задаче (Task) user_age
Заполнитель Введите ваш возраст
Класс input-age
Регулярное выражение (Regexp) ^\d+$
Подсказка об ошибке валидации Пожалуйста, введите корректное число.
Подсказка Возраст должен быть от 0 до 120.
Значение по умолчанию 0
Минимальное значение 0
Максимальное значение 120
Максимальное количество символов 3

Результат: