Image#

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

Виджет Image отображает изображения в форму, что может быть полезно для предоставления дополнительных визуальных подсказок.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Название поля	Значение
Чек бокс "Обязательный к заполнению"
Видимое название	Изображение для аватара
Имя Параметра в Задаче (Task)	avatar_selection
Заполнитель	Нажмите, чтобы увеличить изображение
Класс	avatar-picker-widget
Регулярное выражение (Regexp)
Подсказка об ошибке валидации	Изображение не выбрано.
Подсказка	Изображение выбрано в качестве вашего аватара.
URL файла	https://w7.pngwing.com/pngs/340/946/png-transparent-avatar-user-computer-icons-software-developer-avatar-child-face-heroes-thumbnail.png

Результат: