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 1行のテキスト・ボックス、パスワードおよびマスク テキスト入力コントロール用のスタイル。
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;
}