Oracle Intelligent Advisor向けのインタビュー形式拡張機能の構成
Oracle Intelligent Advisor (OIA) (以前のOracle Policy Automation)インタビューのスタイルを設定し、企業のルック・アンド・フィールで外観を統一できます。
design.css
ファイルで次のCSSクラス・セレクタを構成できます。 これらのクラス・セレクタはすべてプレフィクス「scs-opainterview-
」を持ちます。
各クラスは、指定されたコンポーネントのすべてのスタイルを定義します。 このクラスには完全制御があり、既存のOIAスタイルは使用されません。
セレクタ | 適用先 | 説明 |
---|---|---|
インタビュー | インタビュー | インタビュー・リージョンは、ヘッダー、フッター、ナビゲーション・リージョンを含むインタビュー・コンテンツ全体で構成されます。 |
interviewContent | インタビューのコンテンツ | インタビュー・コンテンツ・リージョンには、画面タイトルとコントロールが含まれますが、ヘッダー、フッター、およびナビゲーション領域は除外されます。 |
screenTitleBlock | 画面タイトル・ブロック | 画面タイトル・ブロックは、画面タイトルと、その行に含まれる他のウィジェット(たとえば、画面ドロップ・ダウン・リストおよび/または次および後ボタン)を含むリージョンで構成されます。 |
screenTitle | 画面タイトル | 画面タイトル・リージョンは、画面タイトルを含む単なるリージョンです。 |
nextButton | 次へボタン | 次へボタン。 |
backButton | 戻るボタン | 戻るボタン。 |
restartButton | 再起動ボタン | 再起動ボタン。 |
exitButton | 終了ボタン | 終了ボタン。 |
header | header | ヘッダー・リージョン。 |
フッター | フッター | フッター・リージョン。 |
質問 | 質問テキスト | 質問テキスト用のスタイル。 |
コントロール | コントロールのコンテナ | コントロールを含む要素のスタイル。 |
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;
}