Переход на вкладку «Редактор экранных форм» происходит либо нажатием кнопки «Создать экранную форму», либо открытием выбранной экранной формы кликом по ее наименованию в таблице «Мои экранные формы».
Вкладка «Редактор экранных форм» отображает создаваемые и редактируемые экранные формы.
Над рабочей областью редактора экранных форм расположена строка с панелями кнопок управления экранной формой и кнопок быстрых действий .
При наведении курсора на кнопку появляется всплывающая подсказка с названием кнопки.
Панель управления экранной формой
Панель управления экранной формой содержит следующие кнопки:
- Кнопка «Посмотреть» - предназначена для предпросмотра готовой экранной формы.
- Кнопка «Опубликовать» – предназначена для публикации готовой экранной формы.
- Кнопка «Редактировать» – предназначена для редактирования экранной формы.
- Кнопка «Закрыть» – при нажатии кнопки «Закрыть» закрывается вкладка редактора и открывается вкладка «Мои экранные формы». Создаваемая форма при этом автоматически сохраняется.
Кнопки панели быстрых действий
Предусмотрены следующие кнопки панели быстрых действий:
| Отображение кнопки | Наименование кнопки | Назначение кнопки |
|---|---|---|
| 1. | Кнопка «Назад» | Отмена действия на шаг |
| 2. | Кнопка «Вперёд» | Возврат отменённого действия на шаг |
| 3. | Кнопка «Очистить» | Очистка элементов экранной формы |
4. | Кнопка «Удалить» | Удаление выбранного элемента |
| 5. | Кнопка «Дублировать» | Дублирование элемента экранной формы |
Панель элементов экранной формы
Под панелью быстрых действий вдоль всего левого края рабочей области располагается панель с элементами экранной формы.
В таблице приведено назначение элементов экранной формы.
| Обозначение и наименование элемента экранной формы на панели | Назначение элемента экранной формы | Обозначение элемента экранной формы в редакторе экранных форм |
| Элемент «Блок с текстом» – предназначен для размещения на экранной форме текстовых полей |
|
| Элемент «Кнопка» – предназначен для последующего ветвления вариантов выполнения. Название кнопки используется в качестве названия логической переменной. У нее есть обязательное поле для заполнения «Значение при подтверждении» |
|
| Элемент «Текстовое поле» – предназначен для размещения на экранной форме текстовых значений, таких, как заголовки и прочие наименования, уведомления и оповещения, которые не меняются впоследствии при работе с экранной формой в процессе выполнения экземпляров процессов, в которых присутствует данная форма
|
|
| Элемент «Чекбокс» – предназначен для выбора каких-либо значений из представленных Дизайнеру процесса в экранной форме, одного или нескольких, результатом которого будет следующее действие с экранной формой или с задачей в целом, в зависимости от выбора пользователя и состава самой экранной формы. То есть при помощи чекбоксов можно создать условия выбора нескольких родственных или взаимосвязанных значений, либо не выбирать совсем, что тоже будет приводить к выполнению определённого действия в работе экземпляра процесса |
|
| Элемент «Таблица» – предназначен для размещения таблицы на экранной форме |
|
| Элемент «Радиокнопка» – предназначен для выбора какого-то одно значения из нескольких представленных. Значения могут быть как родственными, так и противоположными. Но, при использовании данного элемента, всегда существует условие выбора какого-либо значения, в отличие от чекбокса, где можно не выбирать ни одного элемента
|
|
| Элемент «Выпадающий список» – предназначен для выбора данных, в рамках выполнения экземпляра процесса. Элементы процесса самостоятельно вписываются в список |
|
| Элемент «Загрузить вложение» – предназначен для прикрепления каких-либо либо файлов пользователя из локального хранилища, требуемых в процессе выполнения экранной формы в рамках работы экземпляра процесса |
|
| Элемент «Ссылка» – предназначен для скачивания прикреплённого к экранной форме вложения |
|
| Элемент «Календарь» – предназначен для быстрого выбора пользователем, при необходимости, даты или временного интервала. Таким образом у пользователя экранной формы нет необходимости выбирать формат даты, после указания ее в календаре, он будет выбран автоматически |
|
| Элемент «Колонки» – предназначен для позиционирования и группировки элементов экранной формы |
|
| Элемент «Изображение» – предназначен для размещения изображения |
|
При наведении и выборе элементы выделяются серым цветом.
Панель параметров элементов экранной формы
Вдоль правого края при добавлении элемента экранной формы открывается панель параметров для элементов экранной формы, которая содержит поля для ввода текста, значений и координат размещения элемента.
Рабочее поле редактора экранных форм
Основную часть страницы занимает рабочее поле редактора экранных форм. На поле могут располагаться элементы из панели с элементами экранной формы. Элементы могут добавляться перетаскиванием с зажатой левой кнопкой мыши.
При добавлении элемента экранной формы выполняется следующая типовая последовательность операций:
- Выбор элемента экранной формы из панели элементов, расположенной слева в окне, перетаскиванием элемента экранной формы, при помощи компьютерной мыши.
- В правой части интерфейса открывается окно «Параметры», где дизайнер процесса может настроить элемент экранной формы.
- Заполнение полей параметров элемента экранной формы, тем самым редактируя вид, форму и наполнение элемента экранной формы.
- Переход к выбору следующего элемента экранной формы.
Элемент «Кнопка»
При добавлении элемента экранной формы "Кнопка" выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемент "Кнопка", в правой части интерфейса открывается окно параметров элемента "Кнопка".
- Выбор переменной в поле «Название», ассоциированной с данной кнопкой.
- Настройка через чекбокс ширины кнопки.
- Выбор типа кнопки из выпадающего списка.
- Выбор через чекбокс выделение цветом всей кнопки или только ее обводки.
- Переход к выбору другого элемента.
Элемент «Блок с текстом»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Блок с текстом», в правой части интерфейса открывается окно параметров элемента «Блок с текстом».
- Заполнение поля «Текст» текстовым сообщением до 500 символов.
- Выбор формата написания шрифта (нормальный, жирный, наклонный, подчеркнутый).
- Выбор размера шрифта.
- Выбор расположения текста (слева, справа, по центру).
- Настройка класса объекта.
- Переход к выбору другого элемента.
Элемент «Текстовое поле»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Текстовое поле», в правой части интерфейса открывается окно параметров элемента «Текстовое поле».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод названия в поле «Название».
- Выбор типа переменной (строка, число) в выпадающем списке.
- Ввод подсказки в поле «Подсказка».
- При необходимости через чекбокс дизайнер процесса можно сделать поле обязательным для заполнения.
- Выбор положения названия (сверху, слева).
- Установка при необходимости значения по умолчанию.
- Корректировка размеров блока и расположения «Названия» относительно текстового поля.
- Установка при необходимости количества отображаемых строк.
- Установка свойства поля (редактируемое, для чтения).
- Настройка класса объекта, если необходимо поменять стиль блока.
- Переход к выбору другого элемента.
Элемент «Чек-бокс»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Чекбокс», в правой части интерфейса открывается окно параметров элемента «Чекбокс.
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод наименования в поле «Название».
- Установка размера.
- Выбор значения по умолчанию (да, нет).
- Выбор свойства чекбокса (редактируемый, для чтения).
- Настройка класса объекта, если необходимо поменять стиль блока.
- Переход к выбору другого элемента.
Элемент «Таблица»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента "Таблица", в правой части интерфейса открывается окно параметров элемента "Таблица".
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод названия переменной в поле «Название».
- Выбор при необходимости через чекбокс значение «Только просматривать данные.
- Ввод параметров для построения таблицы, с указанием числа колонок и строк.
- Настройка заливки, типа и размера шрифта заголовка таблицы.
- Настройка для каждой колонки таблицы ее заголовка и ширины.
- Ввод при необходимости класса объекта.
- Переход к выбору другого элемента.
Элемент «Радиокнопка»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Радиокнопка», в правой части интерфейса открывается окно параметров элемента «Радиокнопка».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод наименования в поле «Название группы».
- Настройка положения названия (сверху, слева).
- Настройка значения ширины названия группы и кнопок.
- Настройка свойств радиокнопки (редактируемая, для чтения).
- Ввод при необходимости через чекбокс признака выбора текущей радиокнопки по умолчанию.
- Ввод при необходимости класса объекта.
- Добавление/удаление радиокнопки в группу (иконки «+» и «Корзина»).
- Наличие возможности настройки каждой радиокнопки группы по аналогии с настройкой первой радиокнопки.
- Переход к выбору другого элемента.
Элемент «Выпадающий список»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Выпадающий список», в правой части интерфейса открывается окно параметров элемента «Выпадающий список».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод названия в поле «Название».
- Настройка положения названия (сверху, слева).
- Настройка значения «Ширина названия».
- Настройка значения «Ширина выпадающего списка» для обозначения ширины поля с выпадающим списком.
- Перечисление значений в разделе «Список», которые будут выводиться в выпадающем списке на экранной форме. Добавление нового значения, вводом текста в поле и нажав на кнопку «+». При помощи кнопки «Корзина» можно удалить лишнее значение.
- Ввод при необходимости класса объекта.
- Переход к выбору другого элемента.
Элемент «Загрузить вложение»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Загрузить вложение».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод в поле «Название» значения для отображения названия поля «Загрузить вложение».
- Настройка положения названия (сверху, слева).
- Настройка значения «Ширина названия».
- Настройка значения «Ширина поля для ввода».
- Ввод типов форматов файлов по форме «.формат» или выбор нужных из списка в поле «Формат принимаемых файлов», чтобы ограничить форматы файлов, которые пользователи смогут прикрепить в качестве вложения к экранной форме.
- Ввод при необходимости класса объекта.
- Переход к размещению нового элемента.
Элемент «Ссылка»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Ссылка».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод в поле «Название» названия вложения.
- Настройка положения названия (сверху, слева).
- Настройка значения «Ширина названия».
- Настройка значения «Ширина поля для ввода».
- Ввод значения ссылки в поле «Текст ссылки».
- Ввод при необходимости класса объекта.
- Переход к размещению нового элемента.
Элемент «Календарь»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Календарь».
- в правой части интерфейса открывается окно параметров элемента «Календарь».
- Ввод в поле «Имя переменной» имени переменной. Используя переменную экранной формы можно подставить ее в качестве входного значение, которое будет отображаться в этом элементе или использоваться в результатах работы с экранной формой.
- Ввод наименования календаря в поле «Название».
- Настройка положения названия (сверху, слева).
- Настройка значения «Ширина названия».
- Настройка значения «Ширина поля для ввода».
- Выбор из выпадающего списка формата представления даты.
- Настройка свойства календаря (редактируемый, для чтения).
- Ввод при необходимости класса объекта.
- Переход к размещению нового элемента.
Элемент «Изображение»
При размещении элемента экранной формы выполняется следующая типовая последовательность операций:
- Перенос из блока элементов и размещение в форму элемента «Изображение».
- В правой части интерфейса открывается окно параметров элемента «Изображение».
- Ввод имени переменной в поле «Имя переменной».
- Настройка при необходимости размера ширины.
- Настройка при необходимости размера высоты.
- Ввод при необходимости класса объекта.
- Переход к размещению нового элемента.
Элемент «Колонки»
При добавлении элемента экранной формы «Колонки» выполняется следующая типовая последовательность операций:
- Дизайнер процесса выбирает в панели функциональных блоков блок «Колонки»
- Дизайнер процесса зажимает левой клавишей мыши блок «Колонки» и переносит блок на рабочую область экранной формы.
- В правой части экрана отображается панель настроек блока «Колонки», размещённого на экранной форме.
- Добавление колонки, внесение корректировок размеров колонок, способов размещения элементов в данных колонках (сверху посередине, в центре, снизу посередине), стиль линии (сплошная, пунктир, точка), ширина линии.
- Настройка блока «Колонки».
- Завершение настройки блока "Колонки" нажатием кнопки «Закрыть».
- Блок «Колонки» закрывается.
Элемент «Колонки» в простейшем случае представляет собой два парных прямоугольника.
Параметры экранной формы используются в процессе для передачи данных в экранную форму и для получения данных из экранной формы в шагах процесса.
Таким образом создается структура экранной формы.
Каждый из элементов экранной формы, кроме блока «Колонки», имеют как входные параметры, так и выходные, которые заполняются уже непосредственно в конструкторе процессов, при выстраивании цепочки задач проекта процесса.
Справа от рабочего поля размещается панель задания свойств настраиваемого инструмента. Панель свойств настраиваемого инструмента может быть закрыта нажатием на расположенный в ее правом верхнем углу значок «Х». После закрытия всех панелей инструментов становится видна панель настройки формы в целом.
Пример задания свойств для элемента "Колонки"
Нажав на кнопку «Добавить колонку», можно добавить новую колонку. Нажав на кнопку «+» справа от номера колонки, можно «Раскрыть подробный список настроек, связанных с выбранной колонкой.
Можно указать сколько процентов будет занимать выбранная колонка, также обводку и ее ширину.
Размещение элементов колонки и стиль линии могут быть настроены с помощью соответствующих выпадающих списков.
Для «свертывания» настроек колонки и ее удаления используются соответственно кнопки «–» и «Корзина», расположенные справа от номера колонки.
Для повышения гибкости настроек некоторых элементов экранной формы (например, текстовое поле, блок с текстом и др.) поддерживается задание стилевого класса элемента экранной формы, что позволяет связать данный элемент экранной формы со стилевым оформлением, который прописывается в настройках параметров экранной формы в поле кода js или css. Для этого вводится необязательный параметр «Класс», в значении которого допускается указывать сразу несколько классов, разделяя их между собой пробелом.
Для структурирования расположения элементов на форме рекомендуется размещать их в прямоугольники инструмента «Колонки».
По ссылке можно посмотреть
Обзор
Инструменты контента