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

Update form_settings.rst

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