設定 Oracle Intelligent Advisor 互動式提問樣式擴充功能

您可以設定 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 所有控制項 錯誤文字範圍樣式設定。
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;
}