Вкладка "Редактор экранных форм"

Переход на вкладку "Редактор экранных форм" происходит либо нажатием кнопки "Создать экранную форму", либо открытием выбранной экранной формы кликом по ее наименованию в таблице "Черновики".

Вкладка "Редактор экранных форм" отображает создаваемые и редактируемые экранные формы.

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

При наведении курсора на кнопку появляется всплывающая подсказка с названием кнопки.

Панель управления экранной формой

Панель управления экранной формой содержит следующие кнопки:

Кнопка "Посмотреть"- предназначена для предпросмотра готовой экранной формы.
Кнопка "Опубликовать"– предназначена для публикации готовой экранной формы.
Кнопка "Редактировать"– предназначена для редактирования экранной формы.
Кнопка "Закрыть" – при нажатии кнопки "Закрыть" закрывается вкладка редактора и открывается вкладка "Черновики". Создаваемая форма при этом автоматически сохраняется.

Кнопки панели быстрых действий

Предусмотрены следующие кнопки панели быстрых действий:

№	Наименование кнопки	Назначение кнопки
1.	Кнопка "Назад"	Отмена действия на шаг
2.	Кнопка "Вперёд"	Возврат отменённого действия на шаг
3.	Кнопка "Очистить"	Очистка элементов экранной формы
4.	Кнопка "Удалить"	Удаление выбранного элемента
5.	Кнопка "Дублировать"	Дублирование элемента экранной формы

Панель элементов экранной формы

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

В таблице приведено назначение элементов экранной формы.

Обозначение и наименование элемента экранной формы на панели	Назначение элемента экранной формы	Обозначение элемента экранной формы в редакторе экранных форм
	Элемент "Блок с текстом" – предназначен для размещения на экранной форме текстовых полей
	Элемент "Кнопка" – предназначен для последующего ветвления вариантов выполнения. Название кнопки используется в качестве названия логической переменной. У нее есть обязательное поле для заполнения "Значение при подтверждении"
	Элемент "Текстовое поле" – предназначен для размещения на экранной форме текстовых значений, таких, как заголовки и прочие наименования, уведомления и оповещения, которые не меняются впоследствии при работе с экранной формой в процессе выполнения экземпляров процессов, в которых присутствует данная форма
	Элемент "Чекбокс" – предназначен для выбора каких-либо значений из представленных Дизайнеру процесса в экранной форме, одного или нескольких, результатом которого будет следующее действие с экранной формой или с задачей в целом, в зависимости от выбора пользователя и состава самой экранной формы. То есть при помощи чекбоксов можно создать условия выбора нескольких родственных или взаимосвязанных значений, либо не выбирать совсем, что тоже будет приводить к выполнению определённого действия в работе экземпляра процесса
	Элемент "Таблица" – предназначен для размещения таблицы на экранной форме
	Элемент "Радиокнопка" – предназначен для выбора какого-то одно значения из нескольких представленных. Значения могут быть как родственными, так и противоположными. Но, при использовании данного элемента, всегда существует условие выбора какого-либо значения, в отличие от чекбокса, где можно не выбирать ни одного элемента
	Элемент "Выпадающий список" – предназначен для выбора данных, в рамках выполнения экземпляра процесса. Элементы процесса самостоятельно вписываются в список
	Элемент "Вложение" – предназначен для прикрепления каких-либо либо файлов пользователя из локального хранилища, требуемых в процессе выполнения экранной формы в рамках работы экземпляра процесса. По умолчанию в названии стоит наименование "Вложение"
	Элемент "Ссылка" – предназначен для скачивания прикреплённого к экранной форме вложения
	Элемент "Календарь" – предназначен для быстрого выбора пользователем, при необходимости, даты или временного интервала. Таким образом у пользователя экранной формы нет необходимости выбирать формат даты, после указания ее в календаре, он будет выбран автоматически
	Элемент "Колонки" – предназначен для позиционирования и группировки элементов экранной формы
	Элемент "Изображение" – предназначен для размещения изображения
	Элемент "Вкладки" – предназначен для создания экранной формы со сложной, но компактной структурой в виде панели с несколькими вкладками. На каждой такой вкладке размещаются все остальные функциональные блоки, доступные в Редакторе экранных форм
	Элемент "Справочник" – предназначен для размещения справочника на экранной форме.

При наведении и выборе элементы выделяются серым цветом.

Панель параметров элементов экранной формы

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

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

Рабочее поле редактора экранных форм

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

При добавлении элемента экранной формы выполняется следующая типовая последовательность операций:

Выбор элемента экранной формы из панели элементов (1), расположенной слева в окне, перетаскиванием элемента экранной формы, при помощи компьютерной мыши на рабочее поле редактора (2).
Нажатие на элемент в рабочем поле редактора, при этом открывается в правой части интерфейса окно "Параметры" (3), где Дизайнер процесса может настроить элемент экранной формы.
Заполнение полей параметров элемента экранной формы, задавая тем самым вид, форму и наполнение элемента экранной формы.
Переход к выбору следующего элемента экранной формы.

Элемент "Кнопка"

Элемент «Кнопка» размещается на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Кнопка".

Настройка параметров элемента "Кнопка".

Название	Тип	Описание
Название	Строка	Данное поле содержит выводимое название кнопки.
Во всю ширину блока	Чекбокс	позволяет растянуть кнопку на всё ширину занимаемой колонки
Тип	Выпадающий список	Выпадающий список, где можно выбрать разные типы кнопок по их исполнению, внешнему виду
Только обводка	Чекбокс	Позволяет отображать кнопку без заливки
Кнопка подтверждения	Чекбокс	Результат, который будет записываться в переменную "Кнопка" в результате нажатия пользователем именно на эту кнопку
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

При добавлении элемента экранной формы "Кнопка" на рабочее поле редактора экранных форм выполняется следующая типовая последовательность операций:

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

Элемент "Блок с текстом"

Элемент "Блок с текстом" размещен на рабочем поле редактора экранных форм . Справа находится окно параметров элемента "Блок с текстом".

Пользователь вводит текст:

Пользователь передает текст из переменной:

Описание настроек параметров элемента "Блок с текстом".

Название	Формат	Описание
Имя переменной	Строка	Переменная используется для передачи данных в блок "Текст" экранной формы со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач
Текст	Строка	Значение, которое будет отображаться в случае, если при настройке процесса не указали значение данного блока
Настройки шрифта	Чекбокс или радиокнопка	Есть возможность выбрать шрифт, который будет использоваться для написанного текста в поле "Текст"
Размер	Выпадающий список	Выбирается размер шрифта выводимого текста, который написан в блоке "Текст"
Положение текста	Радиокнопка	Выбирается положение выводимого текста, который написан в блоке "Текст"
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

При добавлении элемента экранной формы элемента "Блок с текстом", на рабочее поле редактора экранных форм выполняется следующая типовая последовательность операций:

Перенос из блока элементов и размещение на рабочем поле редактора экранных форм элемента "Блок с текстом", при этом в правой части интерфейса открывается окно параметров элемента "Блок с текстом".
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
Ввод значения "Имя переменной", при наличии галочки в параметре "Использовать из переменной". Для того, чтобы при построении процесса в данный блок можно было передавать текстовое значение, полученное в результате работы предыдущих задач экземпляра процесса. Значением данной переменной может быть любая строковая переменная, которая будет отображаться в этом блоке.
Заполнение поля "Текст" текстовым сообщением до 500 символов. При необходимости пользовать может внести значение в параметр блока "Текст", для того, чтобы на экранной форме отображалось дефолтное значение.
Выбор формата написания шрифта (нормальный, жирный, наклонный, подчеркнутый).
Выбор размера шрифта.
Выбор расположения текста (слева, справа, по центру).
Настройка класса объекта.
Автоматическое сохранение всех настроек.
Переход к выбору другого элемента.

Элемент "Текстовое поле"

Элемент "Текстовое поле" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Текстовое поле".

Описание настроек параметров элемента "Текстовое поле".

Название	Формат	Описание
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач
Название	Строка	Поле, где прописывается название текстового поля. Название позволяет различать данное поле от остальных полей экранной формы
Подсказка	Строка	Выводится значение, если в текстовом поле нет данных
Обязательно для заполнения	Чекбокс	Помечает поле обязательным для заполнения или нет на стороне пользователей
Положение названия	Радиокнопка	Размещение "Название" сверху поля или слева
Значение по умолчанию	Строка	Можно заполнять для того, чтобы в поле всегда было предзаполнено стандартным значением, которое можно править
Ширина названия	Число	Используется для настройки ширины поля названия текстового блока
Ширина поля для ввода	Строка	Используется для настройки ширины самого текстового поля которое в дальнейшем будет заполняться пользователями, либо куда будет выводится один из результатов выполненной задачи процесса
Количество отображаемых строк	Число	По умолчанию значение равно 1. Используется для настройки количества строк, которые будет видно в текстовом блоке
Свойство поля	Радиокнопки	По умолчанию выбрано значение "редактируемое" Если значение в поле требуется править пользователем, то выбирается значение "редактируемое" Если значение в поле не должно правиться пользователем, то выбирается значение "для чтения"
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Текстовое поле", в правой части интерфейса открывается окно параметров элемента "Текстовое поле".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод названия в поле "Название".
Выбор типа переменной (строка, число) в выпадающем списке.
Ввод подсказки в поле "Подсказка".
При необходимости через чекбокс Дизайнер процесса может сделать поле обязательным для заполнения.
Выбор положения названия (сверху, слева).
Установка при необходимости значения по умолчанию.
Корректировка размеров блока и расположения "Названия" относительно текстового поля.
Установка при необходимости количества отображаемых строк.
Установка свойства поля (редактируемое, для чтения).
Настройка класса объекта, если необходимо поменять стиль блока.
Переход к выбору другого элемента.

Элемент "Чек-бокс"

Элемент "Чек-бокс" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Чек-бокс".

Описание настроек параметров элемента "Чек-бокс".

Название	Формат	Описание
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач
Название	Строка	Поле, где прописывается название чек-бокса. Название позволяет различать данное поле от остальных полей экранной формы и используется в качестве названия переменной
Размер	Число	Можно указать ширину названия чек-бокса
Значение по умолчанию	Радиокнопка	Можно выбрать значение чек-бокса по умолчанию выбранный (да) или не выбранный (нет)
Свойство чек-бокса	Радиокнопка	Позволяет настроить возможности редактирования пользователями данного значения редактируемый или для чтения
Идентификатор	Строка	Значение поля формируется ФОГФ автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Чекбокс", при этом в правой части интерфейса открывается окно параметров элемента "Чекбокс".
Ввод в поле "Имя переменной" имени переменной, которую можно подставить в качестве входного значения, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод наименования в поле "Название".
Установка размера.
Выбор значения по умолчанию (да, нет).
Выбор свойства чекбокса (редактируемый, для чтения).
Настройка класса объекта, если необходимо поменять стиль блока.
Переход к выбору другого элемента.

Элемент "Таблица"

Элемент "Таблица" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Таблица".

Описание настроек параметров элемента "Таблица".

Название	Формат	Описание
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач
Название	Строка	Поле, где прописывается название таблицы. Название используется в качестве названия переменной.
Число колонок	Число	Можно указать количество столбцов.
Число строк	Число	Можно указать количество строк.
Настройки заголовка	Чекбокс или радиокнопка	Есть возможность выбрать шрифт, который будет использоваться для написанного текста в таблице.
Размер	Выпадающий список	Выбирается размер шрифта выводимого текста, который написан в таблице
Расположение	Радиокнопка	Выбор расположения наименования столбцов или строк таблицы.
Заливка	Строка/Число	Выбор цвета наименования столбцов или строк таблицы.
Наименование колонки	Строка	Поле, где прописывается наименование колонки таблицы.
Ширина колонки	Число	Можно указать ширину колонки.
Идентификатор	Строка	Значение поля формируется ФОГФ автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Таблица", в правой части интерфейса открывается окно параметров элемента "Таблица".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод названия переменной в поле "Название".
Выбор при необходимости через чекбокс значение "Только просматривать данные".
Ввод параметров для построения таблицы, с указанием числа колонок и строк.
Настройка заливки, типа и размера шрифта заголовка таблицы.
Настройка для каждой колонки таблицы ее заголовка и ширины.
Ввод при необходимости класса объекта.
Переход к выбору другого элемента.

Элемент "Радиокнопка"

Элемент "Радиокнопка" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Радиокнопка".

Описание настроек параметров элемента "Радиокнопка".

Название	Формат	Описание
Добавить радиокнопку	Кнопка	Кнопка, которая добавляет новую радиокнопку в группе.
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач.
Название группы	Строка	Название используется для подписи блока.
Положение названия	Радиокнопка	Указывается расположение Названия группы
Ширина названия	Число	Указывается размер текстового поля названия радиокнопки.
Ширина группы кнопок	Число	Указывается размер текста радиокнопки.
Свойство радиокнопки	Радиокнопка	Указывается возможность редактирования экранной формы - "редактируемая" или "для чтения".
Идентификатор	Строка	Значение поля формируется ФОГФ автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы
Название радиокнопки	Строка	Прописывается значение радиокнопки.
Выбрана по умолчанию	Чекбокс	Радиокнопка, у которой будет выбран данный чек-бокс будет выбрана по умолчанию при отображении экранной формы.

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

Перенос из блока элементов и размещение в форму элемента "Радиокнопка", в правой части интерфейса открывается окно параметров элемента "Радиокнопка".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод наименования в поле "Название группы".
Настройка положения названия (сверху, слева).
Настройка значения ширины названия группы и кнопок.
Настройка свойств радиокнопки (редактируемая, для чтения).
Ввод при необходимости через чекбокс признака выбора текущей радиокнопки по умолчанию.
Добавление/удаление радиокнопки в группу (иконки "+" и "Корзина").
Наличие возможности настройки каждой радиокнопки группы по аналогии с настройкой первой радиокнопки.
Переход к выбору другого элемента.

Элемент "Выпадающий список"

Элемент "Выпадающий список" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Выпадающий список".

Описание настроек параметров элемента "Выпадающий список".

Название	Тип	Описание
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач.
Название	Строка	Название используется для подписи блока.
Положение названия	Радиокнопка	Настраивается положение название блока на экранной форме.
Ширина названия	Число	Указывается ширина названия выпадающего списка.
Ширина выпадающего списка	Число	Указывается ширина поля выпадающего списка.
Список	Строка	Указывается название одного из вариантов значений выпадающего листа.
Плюс	Кнопка	Функциональная кнопка по добавлению значения в выпадающий список.
Корзина	Кнопка	Функциональная кнопка, которая удаляет значение из выпадающего списка.
Идентификатор	Строка	Значение поля формируется ФОГФ автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы.

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

Перенос из блока элементов и размещение в форму элемента "Выпадающий список", в правой части интерфейса открывается окно параметров элемента "Выпадающий список".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод названия в поле "Название".
Настройка положения названия (сверху, слева).
Настройка значения "Ширина названия".
Настройка значения "Ширина выпадающего списка" для обозначения ширины поля с выпадающим списком.
Перечисление значений в разделе "Список", которые будут выводиться в выпадающем списке на экранной форме. Добавление нового значения, вводом текста в поле и нажав на кнопку "+". При помощи кнопки "Корзина" можно удалить лишнее значение.
Ввод при необходимости класса объекта.
Переход к выбору другого элемента.

Элемент "Вложение"

Элемент "Вложение" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Вложение".

Описание настроек параметров элемента "Вложение".

Название	Тип	Описание
Имя переменной	Строка	Указывается имя переменной, в рамках которой передаётся файл от пользователя в задачи процесса
Название	Строка	Название используется для подписи блока и для создания переменной, которая будет использоваться в качестве выходного параметра экранной формы. По умолчанию в названии стоит наименование "Вложение"
Положение названия	Радиокнопка	Выбор положения названия - сверху, слева
Ширина названия	Число	Указывается ширина названия вложения
Ширина поля для ввода	Число	Указывается ширина поля для вложения
Формат принимаемых файлов	Выпадающий список с множественными значениями	Для указания форматов файлов, которыми будет ограничен пользователь, когда будет прикреплять файлы к экранной форме
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Загрузить вложение".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод в поле "Название" значения для отображения названия поля "Загрузить вложение".
Настройка положения названия (сверху, слева).
Настройка значения "Ширина названия".
Настройка значения "Ширина поля для ввода".
Ввод типов форматов файлов по форме ".формат" или выбор нужных из списка в поле "Формат принимаемых файлов", чтобы ограничить форматы файлов, которые пользователи смогут прикрепить в качестве вложения к экранной форме.
Ввод при необходимости класса объекта.
Переход к размещению нового элемента.

Элемент "Ссылка"

Элемент "Ссылка" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Ссылка".

Описание настроек параметров элемента "Ссылка".

Название	Тип	Описание
Имя переменной	Строка	Указывается имя переменной, в рамках которой передаётся ссылка от пользователя в задачи процесса
Название	Строка	Ссылка
Положение названия	Радиокнопка	Выбор положения названия - сверху, слева
Ширина названия	Число	Указывается ширина названия ссылки
Ширина поля для ввода	Число	Ширина поля для ввода ссылки
Текст ссылки	Строка	Текст ссылки на скачивание файла
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Ссылка".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод в поле "Название" названия вложения.
Настройка положения названия (сверху, слева).
Настройка значения "Ширина названия".
Настройка значения "Ширина поля для ввода".
Ввод значения ссылки в поле "Текст ссылки".
Ввод при необходимости класса объекта.
Переход к размещению нового элемента.

Элемент "Календарь"

Элемент "Календарь" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Календарь".

Описание настроек параметров элемента "Календарь".

Название	Тип	Описание
Имя переменной	Строка	Переменная используется для передачи данных в экранную форму со стороны других задач процесса или в качестве выходного значения, которое может заполнить сотрудник и далее процесс будет использовать для работы других задач
Название	Строка	Название используется для подписи блока и для создания переменной, которая будет использоваться в качестве выходного и входного параметра экранной формы
Положение названия	Радиокнопка	Настраивается положение названия блока на экранной форме
Ширина названия	Число	Указывается ширина названия в элементе "Календарь"
Ширина поля для ввода	Число	Ширина поля для ввода в элементе "Календарь"
Формат даты	Список	Выпадающий список с разными форматами даты: дд.мм.гггг, дд.мм.гг. дд.мм, мм.гггг, дд.мм.гггг чч:мм:сс, дд.мм.гг чч:мм:сс, дд.мм.гггг чч:мм По умолчанию дд.мм.гггг.
Свойство календаря	Радиокнопка	Позволяет настроить доступность редактирования значения поля в экранной форме "редактируемый" или "для чтения".
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы.

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

Перенос из блока элементов и размещение в форму элемента "Календарь", при этом в правой части интерфейса открывается окно параметров элемента "Календарь".
Ввод в поле "Имя переменной" имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
Ввод наименования календаря в поле "Название". Это необходимо для обозначения календаря.
Настройка положения названия (сверху, слева).
Настройка значения "Ширина названия".
Настройка значения "Ширина поля для ввода".
Выбор из выпадающего списка формата представления даты.
Настройка свойства календаря (редактируемый, для чтения).
Ввод при необходимости класса объекта.
Переход к размещению нового элемента.

Элемент "Колонки"

Элемент "Колонки" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Колонки".

Описание настроек параметров элемента "Колонки".

Название	Тип	Описание
Добавить колонку	Кнопка	Функциональная кнопка, которая позволяет добавить дополнительную колонку
Размер	Число	Указывается ширина колонки
Размещение элемента	Выпадающий список	Позволяет размещать колонки по центру, правому и левому боку.
Обводка	Чекбокс	Предназначается для выделения колонок.
Стиль линии	Выпадающий список	Предназначен для выбора стиля при активном чекбоксе обводка. Доступны стили линий: сплошная пунктир точка
Ширина	Число	Ширина линии
Корзина	Кнопка	Удаляет выбранную колонку
Плюс	Кнопка	Раскрывает параметры колонки
Минус	Кнопка	Скрывает параметры колонки
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы.

При добавлении элемента экранной формы "Колонки" выполняется следующая типовая последовательность операций:

Дизайнер процесса выбирает в панели функциональных блоков блок "Колонки"
Дизайнер процесса зажимает левой клавишей мыши блок "Колонки" и переносит блок на рабочую область экранной формы. При этом в правой части экрана отображается панель настроек блока "Колонки", размещённого на экранной форме.
Добавление колонки, внесение корректировок размеров колонок, способов размещения элементов в данных колонках (сверху посередине, в центре, снизу посередине), стиль линии (сплошная, пунктир, точка), ширина линии.
Настройка блока "Колонки".
Завершение настройки блока "Колонки" нажатием кнопки "Закрыть".
Блок "Колонки" закрывается.

Элемент "Колонки" в простейшем случае представляет собой два парных прямоугольника.

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

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

Справа от рабочего поля размещается панель задания свойств настраиваемого инструмента. Панель свойств настраиваемого инструмента может быть закрыта нажатием на расположенный в ее правом верхнем углу значок "Х". После закрытия всех панелей инструментов становится видна панель настройки формы в целом.

Пример задания свойств для элемента "Колонки"

Нажав на кнопку "Добавить колонку", можно добавить новую колонку. Нажав на кнопку "+" справа от номера колонки, можно раскрыть подробный список настроек, связанных с выбранной колонкой.

Можно указать сколько процентов будет занимать выбранная колонка, также обводку и ее ширину.

Размещение элементов колонки и стиль линии могут быть настроены с помощью соответствующих выпадающих списков.

Для "свертывания" настроек колонки и ее удаления используются соответственно кнопки "–" и "Корзина", расположенные справа от номера колонки.

Для повышения гибкости настроек некоторых элементов экранной формы (например, текстовое поле, блок с текстом и др.) поддерживается задание стилевого класса элемента экранной формы, что позволяет связать данный элемент экранной формы со стилевым оформлением, который прописывается в настройках параметров экранной формы в поле кода js или css. Для этого вводится необязательный параметр "Класс", в значении которого допускается указывать сразу несколько классов, разделяя их между собой пробелом.

Для структурирования расположения элементов на форме рекомендуется размещать их в прямоугольники инструмента "Колонки".

По ссылке можно посмотреть

Примеры работы со вкладкой "Редактор экранных форм"

Элемент "Изображение"

Элемент "Изображение" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Изображение".

Описание настроек параметров элемента "Изображение".

Название	Тип	Описание
Имя переменной	Строка	Указывается имя переменной, в рамках которой передаётся изображение от пользователя в задачи процесса
Ширина	Число	Ширина изображения
Высота	Число	Высота изображения
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Изображение".
В правой части интерфейса открывается окно параметров элемента "Изображение".
Ввод имени переменной в поле "Имя переменной".
Настройка при необходимости размера ширины.
Настройка при необходимости размера высоты.
Ввод при необходимости класса объекта.
Переход к размещению нового элемента.

Элемент "Вкладки"

Элемент "Вкладки" размещён на рабочем поле редактора экранных форм.

Справа находится окно параметров элемента "Вкладки".

Описание настроек параметров элемента "Вкладки".

Название	Тип	Описание
Число вкладок	Число	В этом поле дизайнер задает число вкладок >=1 Инкрементатор используется для увеличения числа вкладок на 1; Декрементатор используется для уменьшения числа вкладок на 1.
Размеры блока	Число	Для настройки размеров панели (ширина и высота)
Цвет		Настройка цветов вкладок
Фокус	Выпадающий список с цветами на выбор	Цвет шрифта названия вкладки По умолчанию синий
Вкладка	Выпадающий список с цветами на выбор	Цвет шрифта названия вкладки По умолчанию белый
Ориентация	Радиокнопка	Указывает расположение названия вкладок: горизонтальное вертикальное
Название вкладки	Строка	Таких полей должно быть по числу вкладок. Заголовки у названия вкладки: Название вкладки 1 Название вкладки 2 Название вкладки 3 и т.д.
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы

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

Перенос из блока элементов и размещение в форму элемента "Вкладки", при этом в правой части интерфейса открывается окно параметров элемента "Вкладки".
Отображение в рабочей области панели с активной вкладкой.
Определение и задание числа вкладок: по умолчанию открыта одна вкладка.
Задание названия, цвета названия вкладок.
Добавление нужных функциональных блоков на каждую вкладку.

Следует отметить, что Редактор экранных форм автоматически запоминает конфигурацию экранной формы вместе с ее свойствами.

В ROBIN Process данные, расположенные на каждой вкладке отдельно и данные, расположенные на основной области экранной формы, представляют собой отдельные сущности, связанные между собой какими-либо отношениями, так называемые связанные данные.

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

Элемент "Справочник"

Элемент "Справочник" размещён на рабочем поле редактора экранных форм.

Справа находится панель параметров элемента "Справочник" без выбора справочника.
Справа находится окно параметров элемента "Справочник" с выбором справочника.

Для того чтобы выбрать справочник необходимо:

Нажать на кнопку "Выбрать справочник".
Появится окно со списком доступных справочников
Выбрать необходимый справочник.
В окне параметров элемента "Справочник" появится название выбранного справочника.

Более подробно информацию по работе со справочниками можно посмотреть здесь: Справочники

Описание настроек параметров элемента "Справочник".

Название элемента	Тип	Описание
Выбрать справочник	Кнопка	Доступен выбор только одного справочника из окна При нажатии кнопки выводится модальное окно "Выбор справочника" Возможен ввод справочника вручную – происходит поиск по списку Отображаются только справочники, доступные пользователю
<Название выбранного справочника>	Поле	Выводится после того, как пользователь выбрал справочник в окне "Выбор справочника" Перед названием справочника располагается кнопка удаления, при нажатии которого поле с наименованием справочника пропадает Кнопка удаления отображается только в режиме редактирования При выборе другого справочника через кнопку "Выбрать справочник" наименование данного поля меняется на соответствующее новому справочнику
Имя переменной	Поле	Указывается имя переменной, в рамках которой передаются данные из справочника от пользователя в задачи процесса
Название	Поле	Значение, которое пользователь задает в поле "Название" для отображения на экранной форме. При выборе другого справочника значение поля, заполненного пользователем, не изменяется По умолчанию: Справочник
Подсказка	Поле	В поле отображается дополнительная информация по заполнению и редактированию выбранного справочника По умолчанию: Текст подсказки
Обязательно для заполнения	Чекбокс	Если значение True, поля для ввода блока "Справочник" помечаются символом обязательности По умолчанию: False
Положение названия	Поле	Расположение поля
Сверху	Радиокнопка	Если выбрана радиокнопка "сверху", поле "Название" располагается в верхней части ЭФ блока Радиокнопка "слева" неактивна
Слева	Радиокнопка	Если выбрана радиокнопка "слева", поле "Название" располагается в левой части ЭФ блока Радиокнопка "сверху" неактивна
Ширина названия	Число	Значение может редактироваться при помощи контролов либо вводом цифр в поле Допустимые значения для ввода: 0–9, при введении некорректных символов поле подсвечивается красным Максимальное значение: 100 Минимальное значение: 0 Если выбрана радиокнопка "слева" и чекбокс "Создать"/"Редактировать" имеет значение True: Максимальная ширина поля для ввода включает добавленные кнопки "Создать"/"Редактировать". Если значение ширины названия равно 0, то на ЭФ остается только поле для ввода и добавленные кнопки "Создать"/"Редактировать". Если поле "Ширина названия" не имеет значения, то используется значение 0 Если выбрана радиокнопка "сверху", по умолчанию: 100 Если выбрана радиокнопка "слева", по умолчанию: 50
Ширина поля для ввода	Число	Значение может редактироваться при помощи контролов либо вводом цифр в поле Допустимые значения для ввода: 0–9, при введении некорректных символов поле подсвечивается красным Максимальное значение: 100 Минимальное значение: 0 Если чекбокс "Создать"/"Редактировать" имеет значение True: Ширина поля для ввода всегда включает добавленные кнопки "Создать"/"Редактировать" Если значение ширины равно 0, то поле для ввода исчезает, а добавленные кнопки "Создать"/"Редактировать" остаются. Если поле "Ширина поля для ввода" не имеет значения, то используется значение Если выбрана радиокнопка "сверху", по умолчанию: 100 Если выбрана радиокнопка "слева", по умолчанию: 50
Кнопки управления	Блок контролов	При выбранном справочнике
Создать	Чекбокс	Если значение True, на экранной форме добавляется кнопка "Создать". По умолчанию: False
Редактировать	Чекбокс	Если значение True, на экранной форме создается кнопка "Редактировать". По умолчанию: False
Показать всю информацию	Чекбокс	Если значение True, на экранной форме создается кнопка "Показать всю информацию" По умолчанию: False
Идентификатор	Строка	Значение поля формируется Редактором экранных форм автоматически. Поле не редактируемое
Класс	Строка	Класс создаётся и описывается в главных блоках с кодом js и css. Далее все те классы, которые будут описаны в поле с кодом js и css их имена можно прописывать в настройках каждого блока для того, чтобы блок поменял свои свойства согласно описанному классу. Класс используется для кастомизации блоков в рамках экранной формы