Сохранение формы и финальные штрихи
=====================================

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

Сохранение формы
----------------

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

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

.. figure:: ../resources/img/save_form_button.png

   Кнопка сохранения формы

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

Проверка корректности формы
---------------------------

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

Следует убедиться, что:

* все поля добавлены в соответствии со структурой ордера;
* названия полей отображаются корректно;
* поля расположены логично и удобно для заполнения;
* отсутствуют пустые или лишние элементы.

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


Финальные штрихи
----------------

Перед переходом к следующему этапу рекомендуется обратить внимание
на несколько важных моментов.

**Коды компонентов**

Каждый компонент формы имеет собственный код.

Для удобства дальнейшей работы рекомендуется задавать
понятные и осмысленные коды компонентов.

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

.. figure:: ../resources/img/component_code.png

   Код компонента в свойствах

**Визуальное оформление**

При необходимости можно скорректировать:

* выравнивание текста;
* шрифт и размер;
* отступы внутри ячеек таблицы.

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

.. raw:: html

   <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top:20px;">
       <iframe src="https://www.youtube.com/embed/ooS5qyTGr6s"
           style="position: absolute; top:0; left:0; width:100%; height:100%;"
           frameborder="0"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
           allowfullscreen>
       </iframe>
   </div>

Результат этапа
---------------

По завершении данного этапа:

* форма полностью настроена;
* все изменения сохранены;
* форма готова к использованию;
* можно переходить к настройке логики поведения формы.

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