Low-code дизайнер > Создание форм / Шаблон формы

Шаблон формы

Шаблон формы позволяет гибко настроить внешний вид формы добавить на нее дополнительные кнопки и виджеты, а также применить сценарии.
Таким образом можно настроить:

Для создания нового шаблона нажмите на ссылку По умолчанию появится кнопка Создать форму. Нажмите на нее, чтобы перейти в low-code дизайнер.

шаблон формы 1

 

Для перехода к настройке уже существующего шаблона нажмите на кнопку Редактировать форму на соответствующей вкладке.

Low-code дизайнер, в котором происходит настройка формы, который состоит из трех вкладок: Шаблон, Контекст и Сценарии.

Вкладка «Шаблон»

На вкладке Шаблон вы можете полностью настроить форму: отредактировать ее заголовок, изменить кнопки или создать новые, а также добавить виджеты и свойства.

начало внимание

Форму можно сделать динамической. Это значит, что поля на форме будут показываться или скрываться в зависимости от введенных пользователем данных. Подробнее о динамических формах вы можете прочитать в этой статье.

конец внимание

form_widgets2

Добавление свойств на форму

На панели справа перейдите на вкладку Свойства. Она содержит свойства приложения, которые вы можете перетащить на форму. Также здесь отображаются свойства виджетов, используемые для их настройки.

form_widgets1

Свойства можно перетаскивать как на основную область формы, так и на боковую панель. Для удобства свойства можно располагать внутри виджетов для размещения элементов.

Добавление виджета на форму

Виджет это элемент интерфейса с определенным функционалом для решения таких задач, как загрузка файла, отображение инструкции, ленты, списка пользователей и т. д. Виджеты позволяют создать максимально удобную для работы форму наглядно разместить поля, добавить кнопки и настроить взаимодействие пользователя с интерфейсом.

Чтобы добавить виджет на форму, перетащите его из вкладки Виджеты на правой панели.

шаблон формы 8

Чтобы добавить виджет на боковую панель формы, так же перетащите его с панели или нажмите на ссылку + Виджет.

шаблон формы 9

Подробно о добавлении виджетов на форму вы можете прочитать в статье Дизайнер интерфейсов.

Вкладка «Контекст»

На этой вкладке отображаются переменные, используемые в настройках виджетов. Чаще всего они нужны для того, чтобы настроить поведение виджета, к примеру, показать всплывающее окно при наведении курсора на определнную область формы. Это настраивается при помощи сценариев. Подробнее о работе с ними вы можете прочитать в статье Сценарии. Там же вы найдете примеры их использования.

form_widgets4

Повторное использование шаблона

Настроенную форму можно использовать повторно. Так, шаблон, который вы настроили для формы создания, можно использовать повторно на форме редактирования. Просто выберите его в выпадающем списке.

шаблон формы 11

Теперь такие элементы, как виджеты, кнопки и заголовки, добавленные в шаблон создания, отобразятся на форме редактирования.

Однако если список полей на вкладке Редактирование отличается от списка полей на вкладке Создание, то поля на формах будут отличаться, несмотря на то, что вы выбрали тот же шаблон.

Если вы хотите, чтобы набор полей был одинаковым, перейдите в настройки шаблона и удалите виджет «Стандартная форма элемента». Именно он отвечает за отображение полей, перечисленных на вкладках Создание и Редактирование.

шаблон формы 12

Вместо него перетащите на форму нужные вам поля из вкладки Свойства.

шаблон формы 13

Тогда и на форме создания, и на форме редактирования будет показан одинаковый набор полей.

Аналогичным образом вы можете использовать настроенный шаблон процессной задачи в других задачах этого процесса.