U kunt de stijl van interviews in Oracle Intelligent Advisor (OIA) (voorheen Oracle Policy Automation) aanpassen aan de huisstijl van uw bedrijf.
In het bestand design.css kunt u de volgende CSS-klassenselectors configureren. Al deze klassenselectors hebben het prefix "scs-opainterview-".
In elke klasse zijn alle stijlen van de opgegeven component gedefinieerd. De klasse heeft volledige controle en de bestaande OIA-stijl wordt niet gebruikt.
| Selector | Van toepassing op | Beschrijving |
|---|---|---|
| interview | interview | Het interviewgebied beslaat de volledige inhoud van het interview, inclusief de kop- en voettekst en het navigatiegebied. |
| interviewContent | interviewinhoud | Het interviewinhoudgebied omvat de schermtitel en besturingselementen, zonder de kop- en voettekst en het navigatiegebied. |
| screenTitleBlock | schermtitelblok | Het schermtitelblok bestaat uit het gebied met de schermtitel en eventuele andere widgets die in deze rij zijn opgenomen, zoals de schermdropdownlijst en/of knoppen 'Volgende' en 'Terug'. |
| screenTitle | schermtitel | Het schermtitelgebied is het gebied met de schermtitel. |
| nextButton | knop 'Volgende' | De knop 'Volgende' |
| backButton | knop 'Terug' | De knop 'Terug' |
| restartButton | knop 'Opnieuw starten' | De knop 'Opnieuw starten' |
| exitButton | knop 'Afsluiten' | De knop 'Afsluiten' |
| header | header | Het koptekstgebied |
| footer | footer | Het voettekstgebied |
| question | vraagtekst | Stijlen voor de vraagtekst |
| control | container voor besturingselementen | Stijlen voor het element dat besturingselementen bevat |
| label | labelbesturingselement | Stijlen voor labelbesturingselementen |
| controlError | alle besturingselementen | Stijlen voor de fouttekstcontainer |
| controlErrorText | alle besturingselementen | Stijlen voor de fouttekstspan |
| textInput | tekstvak van één regel, wachtwoord en gemaskeerd | Stijlen voor invoerbesturingselementen voor tekst |
| textAreaInput | tekstvak van meerdere regels | Stijlen voor invoerbesturingselementen voor tekst van meerdere regels |
| calendarInput | kalender | Stijlen voor invoerbesturingselementen voor kalenders Hiermee wordt een veld iconColor ondersteund waarmee u de kleur van het kalenderpictogram kunt wijzigen, en een veld keepIcon waarin u kunt aangeven of het kalenderpictogram moet worden weergegeven of niet. |
| dropDownInput | dropdownlijst | Stijlen voor invoerbesturingselementen voor dropdownlijsten |
| filterDropDownInput | gefilterde dropdownlijst | Stijlen voor invoerbesturingselementen voor gefilterde dropdownlijsten Hiermee wordt een veld iconColor ondersteund waarmee u de kleur van de dropdownpijl kunt wijzigen. |
| listInput | vaste lijst | Stijlen voor invoerbesturingselementen voor vaste lijsten |
| radioInput | keuzerondjes | Stijlen voor invoerbesturingselementen voor keuzerondjes Deze kunnen worden opgemaakt met de opties borderColor en fillColor. Met de eigenschap iconType kan het gebruikte pictogramtype worden gewijzigd. Op dit moment worden alleen de alternatieve opties 'tick' en 'fill' ondersteund. |
| checkboxInput | selectievakje | Stijlen voor invoerbesturingselementen voor selectievakjes Deze kunnen worden opgemaakt met de opties borderColor en fillColor. Met de eigenschap iconType kan het gebruikte pictogramtype worden gewijzigd. Op dit moment worden alleen de alternatieve opties 'square' en 'fill' ondersteund. |
| autoCompleteInput | aangepaste zoekopdrachten | Stijlen voor het veld autocomplete wanneer een extensie customSearch wordt gebruikt |
| captchaInput | CAPTCHA-invoerveld | Stijlen voor het invoerveld waarin de gebruiker de CAPTCHA invoert |
| signatureInput | handtekeningbesturingselement | Stijlen voor handtekeningbesturingselementen Hiermee wordt een aanvullend veld inkColor ondersteund waarmee u de peninkt van de handtekening kunt wijzigen. |
| explanationHeader | uitlegbesturingselement | Stijlen voor uitlegbesturingselementen voor de uitvouwbare koptekst op het hoogste niveau |
| explanationText | uitlegbesturingselement | Stijlen voor de tekst van het uitvouwbare uitlegbesturingselement |
| signatureClearButton | handtekeningbesturingselement | Stijlen voor de knop 'Wissen' op een handtekeningbesturingselement |
| uploadAddButton | uploadbesturingselement | Stijlen voor de knop 'Toevoegen' op het uploadbesturingselement |
| entityRemoveButton | besturingselement voor entiteitverzameling | Het besturingselement voor de entiteitverzameling |
Voorbeelden van stijlextensies die zijn gedefinieerd 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;
}