Можно создать стиль для интервью 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;
}