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

Шаблон формы

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

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

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

 

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

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

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

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

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

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

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

form_widgets2

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

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

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

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

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

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

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

 

Скрыть боковую панель на шаблоне формы

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

hide-side-panel-1

Настройку видимости панели можно связать с контекстной переменной. Подробнее об этом читайте в разделе «Установить связь с полем» статьи «Системные настройки виджетов».

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

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

form_widgets1

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

Скрыть название свойства

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

Затем выделите элемент Строка формы, нажмите на шестеренку и в открывшемся окне снимите флажок Показывать название на форме.

form_widgets_5

После отключения опции название поля на форме отображаться не будет, останется только его содержимое.

Данная функция позволяет не перегружать форму большим количеством названий.

После завершения настройки формы нажмите на кнопку Сохранить в левом верхнем углу страницы.

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

Обратите внимание, опция доступна только для элементов шаблона Строка формы.

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

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

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

form_widgets4

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

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

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

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

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

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

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

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

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

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

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

Навигация по шаблону

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

Навигация становится доступной, когда виджет содержит два и более элемента.

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

Данная функция доступна для шаблонов форм и страниц в режиме редактирования и создания.

36002950931_1

 

Нашли опечатку? Выделите текст, нажмите ctrl + enter и оповестите нас