3.2. Настройка формы

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

3.2.1. Переход к добавлению компонентов

Для дальнейшей работы необходимо открыть вкладку «Компоненты».

Во вкладке «Компоненты» осуществляется добавление всех элементов формы в соответствии со структурой данных заявки и требованиями к пользовательскому интерфейсу, указанными в ордере.

../_images/form_components.png

Вкладка «Компоненты»

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

3.2.2. Назначение разметки формы

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

Визуально форма делится:

  • вертикально — на два столбца:
    • левый — наименования полей;
    • правый — поля для ввода данных;
  • горизонтально — на несколько логических блоков, каждый из которых объединяет связанные между собой поля.

Такая структура необходима для удобства заполнения заявки пользователем и наглядного разделения информации.

Для реализации данной разметки используется компонент «Таблица».

../_images/form_layout_goal.jpeg

Логика разметки формы согласно ордеру

3.2.3. Добавление таблицы

Для создания разметки формы выполняются следующие действия:

  1. Во вкладке «Компоненты» открывается раздел «Структура».
  2. Выбирается компонент «Таблица».
  3. Таблица добавляется в рабочую область формы.
  4. С помощью стрелок слева или справа добавляются необходимые колонки.

Для базовой разметки формы создается таблица из двух колонок: для названий полей и для ввода данных.

../_images/add_table_structure.png

Добавление компонента «Таблица» и создание колонок

Компонент «Таблица» используется для разметки формы, структурирования элементов внутри формы, а также для создания динамических таблиц с возможностью добавления строк во время заполнения.

3.2.4. Настройка ширины столбцов

Для удобства отображения данных необходимо настроить ширину столбцов таблицы.

Для этого используется кнопка настроек (иконка с шестеренкой) в заголовке соответствующего столбца.

Ширина столбца может быть задана:

  • в пикселях;
  • в процентах;
  • автоматически (режим «Авто»).
../_images/table_column_width.png

Настройка ширины столбца таблицы

3.2.5. Настройки компонента «Таблица»

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

Компонент «Таблица» поддерживает следующие настройки:

  • Отобразить границы — отображение внешних и внутренних линий таблицы;
  • Фиксированные размеры таблицы — фиксирует размеры столбцов, при этом вложенные компоненты подстраиваются под заданную ширину;
  • Выводить содержимое в виде абзаца при просмотре/печати — отображает данные таблицы в виде текста;
  • Добавлять строки в режиме заполнения — делает таблицу динамической;
  • Добавить заголовок динамической таблицы — отображает постоянный заголовок над динамическими строками.
../_images/table_settings.png

Настройки компонента «Таблица»

3.2.6. Результат этапа

После выполнения данного этапа:

  • заданы основные параметры формы;
  • выполнена разметка формы в соответствии с ордером;
  • форма подготовлена к добавлению полей заявки.

В следующем этапе будет выполнено добавление полей формы в соответствии со структурой данных ордера.

См.также

Дополнительную информацию можно найти в официальной документации: http://rtd.lan.arta.kz/docs/docs-po-platforme-arta-synergy/ru/latest/form/form-structure.html