Commit 0bea1a3c authored by Talgat Mustafinov's avatar Talgat Mustafinov

Add form settings

parent 3e78381f
Создание формы Создание формы заявки
============== =======================
После создания приложения следующим шагом является создание формы. После создания приложения в Designer необходимо создать форму, которая
будет использоваться в качестве заявки — входа бизнес-процесса.
Форма в Synergy используется для ввода и отображения данных в рамках Форма определяет, какие данные вводит пользователь и в каком виде они
бизнес-процесса. Именно через форму пользователь взаимодействует передаются в систему.
с системой, заполняя информацию согласно требованиям ордера.
---
Переход к созданию формы Переход к созданию формы
------------------------ ------------------------
Для создания формы необходимо в дереве приложения выбрать папку, Для создания формы необходимо выбрать папку в структуре приложения,
в которой будет размещена форма, и открыть контекстное меню. в которой будет размещена форма.
Далее выполняются следующие действия:
В контекстном меню следует выбрать пункт добавления нового объекта 1. Клик правой кнопкой мыши по выбранной папке.
и далее выбрать тип объекта «Форма». 2. Выбор пункта **«Добавить»**.
3. Переход в раздел **«Базовые сущности»**.
4. Выбор объекта **«Форма»**.
.. figure:: ../resources/img/create_form.png .. figure:: ../resources/img/create_form.png
Добавление новой формы через контекстное меню Добавление формы в структуре приложения
После выбора типа объекта система создаст новую форму и откроет
редактор формы для дальнейшей настройки.
Основные параметры формы Окно создания формы
------------------------ -------------------
После выбора объекта **«Форма»** открывается окно создания формы.
На данном этапе форма является пустой и не содержит компонентов.
.. figure:: ../resources/img/form_empty.png
После создания формы необходимо задать ее основные параметры. Пустая форма после создания
В первую очередь указывается наименование формы, которое будет
отображаться в интерфейсе системы для пользователей.
Также для формы автоматически формируется код, который используется Задание основных параметров формы
системой для внутренней идентификации формы и работы с ней ---------------------------------
в рамках бизнес-процесса.
Также, необходимо указать название, код и опционально описание формы.
Название формы используется для отображения пользователю, а код формы
применяется системой при дальнейшей настройке бизнес-процесса.
Для задания основных параметров формы необходимо перейти во вкладку
**«Форма»** на панели слева.
Выполняем следующие действия:
* в поле **«Наименование»** указываем название формы, например
«Заявка на услуги компании ATLAS»;
* после ввода наименования система автоматически сформирует значение
поля **«Код»**;
* при необходимости код формы можно изменить вручную.
.. figure:: ../resources/img/settings_form.png .. figure:: ../resources/img/settings_form.png
Основные параметры формы
Основные параметры формы Подготовка формы к наполнению
-----------------------------
На данном этапе форма представляет собой пустую рабочую область, После задания основных параметров форма готова к наполнению компонентами.
в которую далее добавляются необходимые компоненты.
Рабочая область формы На данном этапе:
---------------------
Редактор формы состоит из рабочей области и панели свойств. * форма создана;
* заданы ее основные параметры;
* можно переходить к настройке структуры и добавлению компонентов.
В рабочей области отображается структура формы и размещенные В следующем шаге будет выполнена настройка структуры формы и ее разметка
на ней компоненты. Панель свойств используется для настройки с использованием таблиц.
выбранного элемента формы.
С этого момента форма готова к дальнейшему наполнению
и настройке компонентов в соответствии с требованиями ордера.
.. seealso:: .. seealso::
......
Настройка формы
===============
После создания формы необходимо выполнить ее настройку.
На данном этапе форма подготавливается к дальнейшему наполнению полями
в соответствии со структурой ордера.
Переход к добавлению компонентов
--------------------------------
Для дальнейшей работы необходимо открыть вкладку **«Компоненты»**.
Во вкладке «Компоненты» осуществляется добавление всех элементов формы
в соответствии со структурой данных заявки и требованиями к пользовательскому
интерфейсу, указанными в ордере.
.. figure:: ../resources/img/form_components.png
Вкладка «Компоненты»
Добавление компонентов выполняется непосредственно на форме:
сначала выбирается нужная ячейка, после чего из списка компонентов
выбирается необходимый элемент.
Назначение разметки формы
-------------------------
Согласно ордеру форма заявки должна быть организована определенным образом.
Визуально форма делится:
* **вертикально** — на два столбца:
* левый — наименования полей;
* правый — поля для ввода данных;
* **горизонтально** — на несколько логических блоков,
каждый из которых объединяет связанные между собой поля.
Такая структура необходима для удобства заполнения заявки пользователем
и наглядного разделения информации.
Для реализации данной разметки используется компонент **«Таблица»**.
.. figure:: ../resources/img/form_layout_goal.jpeg
Логика разметки формы согласно ордеру
Добавление таблицы
------------------
Для создания разметки формы выполняются следующие действия:
1. Во вкладке **«Компоненты»** открывается раздел **«Структура»**.
2. Выбирается компонент **«Таблица»**.
3. Таблица добавляется в рабочую область формы.
4. С помощью стрелок слева или справа добавляются необходимые колонки.
Для базовой разметки формы создается таблица из двух колонок:
для названий полей и для ввода данных.
.. figure:: ../resources/img/add_table_structure.png
Добавление компонента «Таблица» и создание колонок
Компонент «Таблица» используется для разметки формы, структурирования
элементов внутри формы, а также для создания динамических таблиц
с возможностью добавления строк во время заполнения.
Настройка ширины столбцов
-------------------------
Для удобства отображения данных необходимо настроить ширину столбцов таблицы.
Для этого используется кнопка настроек (иконка с шестеренкой)
в заголовке соответствующего столбца.
Ширина столбца может быть задана:
* в пикселях;
* в процентах;
* автоматически (режим «Авто»).
.. figure:: ../resources/img/table_column_width.png
Настройка ширины столбца таблицы
Настройки компонента «Таблица»
------------------------------
Каждый компонент формы, включая таблицу, имеет собственные настройки,
а также уникальный код, параметры стиля, выравнивания и шрифта.
Компонент **«Таблица»** поддерживает следующие настройки:
* **Отобразить границы** — отображение внешних и внутренних линий таблицы;
* **Фиксированные размеры таблицы** — фиксирует размеры столбцов,
при этом вложенные компоненты подстраиваются под заданную ширину;
* **Выводить содержимое в виде абзаца при просмотре/печати** —
отображает данные таблицы в виде текста;
* **Добавлять строки в режиме заполнения** —
делает таблицу динамической;
* **Добавить заголовок динамической таблицы** —
отображает постоянный заголовок над динамическими строками.
.. figure:: ../resources/img/table_settings.png
Настройки компонента «Таблица»
Результат этапа
---------------
После выполнения данного этапа:
* заданы основные параметры формы;
* выполнена разметка формы в соответствии с ордером;
* форма подготовлена к добавлению полей заявки.
В следующем этапе будет выполнено добавление полей формы
в соответствии со структурой данных ордера.
.. seealso::
Дополнительную информацию можно найти
в официальной документации:
http://rtd.lan.arta.kz/docs/docs-po-platforme-arta-synergy/ru/latest/form/form-structure.html
\ No newline at end of file
...@@ -5,3 +5,4 @@ ...@@ -5,3 +5,4 @@
:maxdepth: 2 :maxdepth: 2
create_form create_form
form_settings
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment