Sie können Oracle Intelligent Advisor-(OIA-)Umfragen (früher Oracle Policy Automation) ganz nach Ihrem Firmen-Look-and-Feel einheitlich gestalten.
Sie können die folgenden CSS-Klassenselektoren in der Datei design.css konfigurieren. Alle diese Klassenselektoren weisen das Präfix "scs-opainterview-" auf.
Jede Klasse definiert den gesamten Stil für die angegebene Komponente. Die Klasse hat die volle Kontrolle, und der vorhandene OIA-Stil wird nicht verwendet.
| Selektor | Gilt für | Beschreibung |
|---|---|---|
| Umfrage | Umfrage | Die Umfrageregion umfasst den gesamte Umfrageinhalt, einschließlich Header, Footer und Navigationsbereich. |
| interviewContent | Umfrageinhalt | Die Umfrageinhaltsregion umfasst den Bildschirmtitel und die Steuerelemente, aber nicht Header, Footer und Navigationsbereich. |
| screenTitleBlock | Bildschirmtitelblock | Der Bildschirmtitelblock umfasst die Region mit dem Bildschirmtitel sowie alle anderen Widgets in dieser Zeile, wie die Bildschirm-Dropdown-Liste und/oder die Schaltflächen "Weiter" und "Zurück". |
| screenTitle | Bildschirmtitel | Die Bildschirmtitelregion ist lediglich die Region mit dem Bildschirmtitel. |
| nextButton | Schaltfläche "Weiter" | Die Schaltfläche "Weiter". |
| backButton | Schaltfläche "Zurück" | Die Schaltfläche "Zurück". |
| restartButton | Schaltfläche für Neustart | Die Schaltfläche für Neustart. |
| exitButton | Schaltfläche "Beenden" | Die Schaltfläche "Beenden". |
| header | header | Die Headerregion. |
| footer | footer | Die Footer-Region. |
| question | Fragentext | Stil für Fragentext. |
| control | Container für Steuerelemente | Stil für das Element mit Steuerelementen. |
| label | Labelsteuerelement | Stil für Labelsteuerelemente. |
| controlError | Alle Steuerelemente | Stil für Fehlertextcontainer. |
| controlErrorText | Alle Steuerelemente | Stil für span-Tag zu Fehlertext. |
| textInput | Einzeiliges Textfeld, Kennwort und maskiert | Stil für Texteingabe-Steuerelemente. |
| textAreaInput | Mehrzeiliges Textfeld | Stil für Steuerelemente für die mehrzeilige Texteingabe. |
| calendarInput | Kalender | Stil für Kalendereingabe-Steuerelemente. Unterstützt ein iconColor-Feld, mit dem die Farbe des Kalendersymbols geändert werden kann, und ein keepIcon-Feld, das angibt, ob das Kalendersymbol angezeigt werden soll. |
| dropDownInput | Dropdown-Liste | Stil für Steuerelemente für die Dropdown-Listeneingabe. |
| filterDropDownInput | Gefilterte Dropdown-Liste | Stil für Steuerelemente für die Eingabe mit gefilterten Dropdown-Listen. Unterstützt ein iconColor-Feld, mit dem die Farbe des Dropdown-Pfeils geändert werden kann. |
| listInput | Feste Liste | Stil für Steuerelemente für die Eingabe mit einer festen Liste. |
| radioInput | Optionsfelder | Stil für Steuerelemente für die Optionsfeldeingabe. Diese können mit den Optionen borderColor und fillColor formatiert werden. Die Eigenschaft iconType kann den verwendeten Symboltyp ändern. Derzeit werden nur 'tick' und 'fill' als Optionen unterstützt. |
| checkboxInput | Kontrollkästchen | Stil für Steuerelemente für die Kontrollkästcheneingabe. Diese können mit den Optionen borderColor und fillColor formatiert werden. Die Eigenschaft iconType kann den verwendeten Symboltyp ändern. Derzeit werden nur 'square' und 'fill' als Optionen unterstützt. |
| autoCompleteInput | Benutzerdefinierte Suche | Stil für das autocomplete-Feld, wenn eine customSearch-Erweiterung verwendet wird. |
| captchaInput | CAPTCHA-Eingabefeld | Stil für das Eingabefeld, in das Benutzer den CAPTCHA-Text eingeben. |
| signatureInput | Unterschriftssteuerelement | Stil für Unterschriftssteuerelemente. Unterstützt ein zusätzliches inkColor-Feld, mit dem die Stiftfarbe für die Unterschrift geändert werden kann. |
| explanationHeader | Erklärungssteuerelement | Stil für den obersten einblendbaren Header für Erklärungssteuerelemente. |
| explanationText | Erklärungssteuerelement | Stil für den eingeblendeten Erklärungssteuerelementtext. |
| signatureClearButton | Unterschriftssteuerelement | Stil für die Schaltfläche "Löschen" für ein Unterschriftssteuerelement. |
| uploadAddButton | Uploadsteuerelement | Stil für die Schaltfläche "Hinzufügen" für das Uploadsteuerelement. |
| entityRemoveButton | Steuerelement für Entityerfassung | Das Steuerelement für die Entityerfassung. |
Beispiele mit definierten Stilerweiterungen in 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;
}