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