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

Шаблон формы

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

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

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

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

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

Откроется страница создания шаблона, которая состоит из двух вкладок: Шаблон и Настройки.

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

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

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

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

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

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

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

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

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

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

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

Добавление кнопки на форму

Чтобы добавить кнопку на форму, нажмите на ссылку Кнопка.

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

Откроется окно с настройками кнопки.

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

Заполните следующие поля:

  • Отображение* – внешний вид кнопки на форме. Вы можете выбрать одну из следующих опций: кнопка, иконка, ссылка;
  • Надпись / подсказка * – название кнопки, которое будет отображаться на форме;
  • Иконка – графическое отображение кнопки;
  • Действие – действие, совершаемое при нажатии на кнопку.

После заполнения полей нажмите на кнопку Сохранить.

Чтобы отредактировать существующую кнопку, дважды нажмите на неё на форме. В открывшемся окне измените нужные параметры.

Чтобы удалить кнопку с формы, нажмите на иконку корзины 08.png в правом верхнем углу окна редактирования кнопки.

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

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

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

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

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

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

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

Вкладка «Настройки»

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

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

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

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

Просто выберите его в выпадающем списке.шаблон формы 11

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

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

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

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

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

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

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