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; }