Настройка новых расширений стилей интервью для Oracle Intelligent Advisor

Можно создать стиль для интервью Oracle Intelligent Advisor (OIA) (ранее Oracle Policy Automation), чтобы унифицировать внешний вид в соответствии с корпоративными требованиями.

В файле design.css можно настроить следующие селекторы классов CSS. Все эти селекторы классов имеют префикс "scs-opaintorse-".

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

Селектор Применяется к Описание
interview interview Область интервью включает в себя весь контент интервью, включая заголовок, нижний колонтитул и область навигации.
interviewContent контент интервью Область контента интервью включает заголовок экрана и элементы управления, но не включает верхний и нижний колонтитулы и область навигации.
screenTitleBlock блок заголовка экрана Блок заголовка экрана представляет собой область, которая включает заголовок экрана, а также любые другие виджеты, содержащиеся в этой строке, такие как раскрывающийся список экрана и/или кнопки "Далее" и "Назад".
screenTitle заголовок экрана Область заголовка экрана — это просто область, содержащая заголовок экрана.
nextButton кнопка "Далее" Кнопка "Далее".
backButton кнопка "Назад" Кнопка "Назад".
restartButton кнопка перезапуска Кнопка перезапуска.
exitButton кнопка выхода Кнопка выхода.
header header Область верхнего колонтитула.
footer footer Область нижнего колонтитула.
question текст вопроса Стиль текста вопроса.
control контейнер для элементов управления Стиль элемента, содержащего элементы управления.
label управление надписями Создание стилей для элементов управления надписями.
controlError все элементы управления Стили для текстового контейнера ошибок.
controlErrorText все элементы управления Стиль для тега span в тексте ошибки.
textInput текстовое поле с одной строкой, пароль и маскированный контент Стили элементов управления вводом текста.
textAreaInput многострочное текстовое поле Стили для элементов управления многострочным вводом текста.
calendarInput календарь Стиль элементов управления вводом календарных данных. Поддерживает поле iconColor, которое позволяет изменить цвет значка календаря, и поле keepIcon, в котором указывается, должен ли отображаться значок календаря.
dropDownInput раскрывающийся список Стили для элементов управления вводом раскрывающегося списка.
filterDropDownInput отфильтрованный раскрывающийся список Стили для элементов управления вводом отфильтрованного раскрывающегося списка. Поддерживает поле iconColor, позволяющее изменить цвет стрелки раскрывающегося списка.
listInput фиксированный список Стили для элементов управления вводом фиксированного списка.
radioInput переключатели Стили элементов управления вводом переключателей. При создании стилей для них могут быть использованы параметры borderColor и fillColor. Свойство iconType может изменить тип используемого значка. В настоящее время "tick" и "fill" — единственные поддерживаемые альтернативные параметры.
checkboxInput флажок Стили элементов управления вводом для флажков. При создании стилей для них могут быть использованы параметры borderColor и fillColor. Свойство iconType может изменить тип используемого значка. В настоящее время "square" и "fill" — единственные поддерживаемые альтернативные параметры.
autoCompleteInput настраиваемый поиск Стили поля autocomplete при использовании расширения customSearch.
captchaInput поле ввода CAPTCHA Стили поля ввода, в котором пользователь вводит CAPTCHA.
signatureInput элемент управления подписью Стили для элементов управления подписью. Поддерживает дополнительное поле inkColor, которое позволяет изменять рукописные данные для подписи.
explanationHeader элемент управления пояснением Стили расширяемого заголовка верхнего уровня для элементов управления пояснением.
explanationText элемент управления пояснением Стиль расширенного текста элементов управления пояснением.
signatureClearButton элемент управления подписью Стили кнопки очистки на элементе управления подписью.
uploadAddButton элемент управления загрузкой Стили кнопки "Добавить" на элементе управления загрузкой.
entityRemoveButton элемент управления коллекцией объектов Элемент управления коллекцией объектов.

Примеры с расширениями стиля, определенными в design.css

.scs-opainterview-interviewContent {
   background-color: beige;
}
.scs-opainterview-screenTitleBlock {
   background-color: bisque;
}
.scs-opainterview-screenTitle {
    font-style: italic;
    font-size: 20px;
}
.scs-opainterview-nextButton {
    color: darkgreen;
}
.scs-opainterview-backButton {
    color: crimson;
}
.scs-opainterview-question {
    color: green;
}
.scs-opainterview-control {
    background-color: cornflowerblue;
}
.scs-opainterview-label {
    color:aqua;
}
.scs-opainterview-textInput {
    color: red;
    cursor:crosshair;
}
.scs-opainterview-radioInput {
    background-color: pink;
}
.scs-opainterview-checkboxInput {
    cursor: pointer;
}