Commit 0612a09b authored by Natalia Klimova's avatar Natalia Klimova

Update form_settings.rst

parent 46c0cdc8
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
На данном этапе форма подготавливается к дальнейшему наполнению полями На данном этапе форма подготавливается к дальнейшему наполнению полями
в соответствии со структурой ордера. в соответствии со структурой ордера.
Перед добавлением полей важно подготовить визуальную структуру формы. Как правило, форма по ордеру делится на логические блоки: данные заявителя, параметры услуги, вложения и т.д.
Переход к добавлению компонентов Переход к добавлению компонентов
-------------------------------- --------------------------------
...@@ -20,13 +21,17 @@ ...@@ -20,13 +21,17 @@
Вкладка «Компоненты» Вкладка «Компоненты»
Добавление компонентов выполняется непосредственно на форме: Добавление компонентов выполняется непосредственно на форме:
сначала выбирается нужная ячейка, после чего из списка компонентов сначала выбирается нужная ячейка, после чего из списка компонентов кликом
выбирается необходимый элемент. выбирается необходимый элемент.
Назначение разметки формы Шаги настройки формы
------------------------- -------------------------
**Шаг 1.** Переходим во вкладку «Компоненты» → раздел «Структура».
**Шаг 2.** Выделяем ячейку рабочей области и кликом добавляем компонент «Таблица» на форму.
Согласно ордеру форма заявки должна быть организована определенным образом. Согласно ордеру форма заявки должна быть организована определенным образом.
Визуально форма делится: Визуально форма делится:
...@@ -42,25 +47,17 @@ ...@@ -42,25 +47,17 @@
Такая структура необходима для удобства заполнения заявки пользователем Такая структура необходима для удобства заполнения заявки пользователем
и наглядного разделения информации. и наглядного разделения информации.
Для реализации данной разметки используется компонент **«Таблица»**.
.. figure:: ../resources/img/form_layout_goal.jpeg .. figure:: ../resources/img/form_layout_goal.jpeg
Логика разметки формы согласно ордеру Логика разметки формы согласно ордеру
Добавление таблицы **Шаг 3.** Создаём таблицу с двумя колонками:
------------------ * левая колонка — названия полей;
* правая колонка — поля ввода.
Для создания разметки формы выполняются следующие действия:
1. Во вкладке **«Компоненты»** открывается раздел **«Структура»**. Чтобы сделать две колонки — нажимаем стрелку влево/вправо, добавляя нужные столбцы.
2. Выбирается компонент **«Таблица»**.
3. Таблица добавляется в рабочую область формы.
4. С помощью стрелок слева или справа добавляются необходимые колонки.
Для базовой разметки формы создается таблица из двух колонок:
для названий полей и для ввода данных.
.. figure:: ../resources/img/add_table_structure.png .. figure:: ../resources/img/add_table_structure.png
...@@ -71,24 +68,21 @@ ...@@ -71,24 +68,21 @@
с возможностью добавления строк во время заполнения. с возможностью добавления строк во время заполнения.
**Шаг 4.** Настраиваем ширину колонок через иконку шестерёнки (px - в пикселяъ / % - в процентах / Авто).
Настройка ширины столбцов
-------------------------
Для удобства отображения данных необходимо настроить ширину столбцов таблицы.
Для этого используется кнопка настроек (иконка с шестеренкой) .. figure:: ../resources/img/table_column_width.png
в заголовке соответствующего столбца.
Ширина столбца может быть задана: Настройка ширины столбца таблицы
**Шаг 5.** Для заголовков секций:
* в пикселях; * выделяем две ячейки в строке при помощи shift;
* в процентах; * объединяем их;
* автоматически (режим «Авто»). * добавляем компонент «Неизменяемый текст»;
* выравниваем текст по центру.
.. figure:: ../resources/img/table_column_width.png
Настройка ширины столбца таблицы
Настройки компонента «Таблица» Настройки компонента «Таблица»
------------------------------ ------------------------------
......
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