logo

[ELMA3] Изменение стиля отображения контекстных переменных

В статье приведен пример Razor-формы, позволяющий применить стили отображения контекстных переменных простых (не ссылочных) типов: строка, число, дата и т.д. Данная форма может быть применена, когда требуется привлечь внимание пользователя к значению переменной.

В сценарии использованы:

  • Message – контекстная переменная типа Строка;
  • color:#CD5555 – код цвета отображения контекстной переменной;
  • font-weight: bolder – полужирный шрифт.

Для того, чтобы добавить razor на форму, переходим в конструктор форм.

Чтобы создать форму процессной задачи через конструктор форм, необходимо сделать следующее:

  • Открываем настройки задачи, переходим на вкладку Форма (контекст).
  • Выбираем тип формы Конструктор форм и нажимаем Создать новую форму.

Рис. 1. Вкладка "Форма (контекст)" настроек задачи. Кнопка "Создать новую форму"

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

Рис. 2. Вкладка Дизайнера "Формы". Панель инструментов. Кнопка "Панель"

В настройках панели переходим на вкладку Системные и нажимаем кнопку Редактировать.

Рис. 3. Окно настройки панели. Вкладка "Системные". Кнопка "Редактировать"

В открывшемся окне можно поменять название представления (не обязательно) и затем необходимо нажать кнопку ОК.

Рис. 4. Диалоговое окно выбора представления

В открывшемся окне нажимаем кнопку Изменить.

Рис. 5. Кнопка "Изменить"

Далее полностью заменяем имеющийся код на код, приведенный ниже.

<style>
#Entity_Message_ValueContainer {
color:#CD5555;
font-weight: bolder;
}
</style>

В результате контекстная переменная будет акцентирована так, как представлено на рисунке:

Рис. 6. Кастомное отображение переменной на форме задачи

Примечание
Если требуется применить один стиль сразу к нескольким контекстным переменным, их можно указать через запятую.
Если требуется изменить цвет не только значения переменной, но и ее названия, то необходимо указать #Entity_Message_CaptionContainer.