可以设置 Oracle Intelligent Advisor (OIA)(以前称为 Oracle Policy Automation)互动式提问的样式,使其外观与您公司站点的外观统一。
可以在 design.css
文件中配置以下 CSS 类选择器。所有这些类选择器都有前缀 "scs-opainterview-
"。
每个类定义指定组件的所有样式设置。类具有完全控制,且不使用现有 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 | 定制搜索 | 使用 customSearch 扩展时,autocomplete 字段的样式设置。 |
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; }