Konfigurere intervjustilutvidelser for Oracle Intelligent Advisor

Du kan bruke en bestemt stil på Oracle Intelligent Advisor-intervjuer (OIA) (tidligere Oracle Policy Automation) hvis du vil at utseendet og funksjonaliteten skal ha et passende bedriftsmessig preg.

Du kan konfigurere følgende CSS-klasseutvelgere i filen design.css. Alle disse klasseutvelgerne har prefikset scs-opainterview-.

Hver klasse definerer stilen for den angitte komponenten. Klassen har fullstendig kontroll, og den eksisterende OIA-stilen blir ikke brukt.

Utvelger	Gjelder for	Beskrivelse
interview	interview	Området interview (intervju) består av hele intervjuinnholdet, inkludert topptekst, bunntekst og navigeringsdel.
interviewContent	intervjuinnhold	Området interview content (intervjuinnhold) omfatter skjermbildetittelen og -kontrollene, men utelater topptekst, bunntekst og navigeringsdel.
screenTitleBlock	skjermbildetittelblokk	screenTitleBlock (skjermbildetittelblokken) omfatter området som inneholder både skjermbildetittelen og hvilke som helst andre småprogrammer som ligger i denne raden, for eksempel skjermbildets rullegardinliste og/eller knappene Neste og Tilbake.
screenTitle	skjermbildetittel	Området screentitle (skjermbildetittel) er ganske enkelt området som inneholder skjermbildetittelen.
nextButton	knappen neste	Knappen Neste
backButton	knappen tilbake	Knappen Tilbake
restartButton	knappen start på nytt	Knappen Start på nytt
exitButton	knappen avslutt	Knappen Avslutt
header	header	Området Topptekst.
footer	footer	Området Bunntekst.
question	spørsmålstekst	Stil for spørsmålstekst.
control	beholder for kontroller	Stil for elementet som inneholder kontroller.
label	etikettkontroll	Stil for etikettkontroller.
controlError	alle kontroller	Stil for feiltekstbeholder.
controlErrorText	alle kontroller	Stil for feiltekstutstrekning.
textInput	tekstboks med enkeltlinje, passord og maskert	Stil for tekstinndatakontroller.
textAreaInput	tekstboks med flere linjer	Stil for tekstinndatakontroller med flere linjer.
calendarInput	kalender	Stil for kalenderinndatakontroller. Støtter et `iconColor`-felt der det er mulig å endre fargen på kalenderikonet, og et `keepIcon`-felt som angir om kalenderikonet skal vises.
dropDownInput	rullegardinliste	Stil for inndatakontroller med rullegardinlister.
filterDropDownInput	filtrert rullegardinliste	Stil for inndatakontroller med filtrerte rullegardinlister. Støtter et `iconColor`-felt der det er mulig å endre fargen på rullegardinpilen.
listInput	fast liste	Stil for inndatakontroller for faste lister.
radioInput	alternativknapper	Stil for inndatakontroller med alternativknapper. De kan formateres med `borderColor`- og `fillColor`-valg. Egenskapen `iconType` kan endre typen ikon som brukes. For øyeblikket er `tick` og `fill` de eneste støttede valgene.
checkboxInput	avmerkingsboks	Stil for inndatakontroller med avmerkingsbokser. De kan formateres med `borderColor`- og `fillColor`-valg. Egenskapen `iconType` kan endre typen ikon som brukes. For øyeblikket er `square` og `fill` de eneste støttede valgene.
autoCompleteInput	egendefinert søk	Stil for `autocomplete`-feltet når det brukes en `customSearch`-utvidelse.
captchaInput	CAPTCHA-inndatafelt	Stil for inndatafeltet der brukeren angir CAPTCHA.
signatureInput	signaturkontroll	Stil for signaturkontroller. Støtter et ekstra `inkColor`-felt som tillater endring av pennefarge for signaturen.
explanationHeader	forklaringskontroll	Stil for utvidbar topptekst på toppnivå for forklaringskontroller.
explanationText	forklaringskontroll	Stil for utvidet forklaringskontrolltekst.
signatureClearButton	signaturkontroll	Stil for nullstillknappen på en signaturkontroll.
uploadAddButton	lastekontroll	Stil for Legg til-knappen på lastekontrollen.
entityRemoveButton	kontrollen Samle inn entitet	Kontrollen Samle inn entitet.

Eksempler med definerte stilutvidelser i 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;
}