Du kan tilpasse interviewtypografien for Oracle Intelligent Advisor (OIA) (tidligere Oracle Policy Automation) til det udseende og den funktionsmåde, der kendetegner virksomheden.
Du kan konfigurere følgende CSS-klassevælgere i filen design.css. Alle disse klassevælgere har præfikset "scs-opainterview-".
Hver klasse definerer al typografi til den angivne komponent. Klassen har fuld kontrol, og den eksisterende OIA-typografi bruges ikke.
| Vælger | Gælder for | Beskrivelse |
|---|---|---|
| interview | interview | Interviewområdet omfatter hele interviewindholdet, herunder sidehovedet, sidefoden og navigationsområdet. |
| interviewContent | interviewindhold | Interviewindholdsområdet omfatter skærmtitlen og kontrolelementerne, men ikke sidehovedet, sidefoden og navigationsområdet. |
| screenTitleBlock | skærmtitelblok | Skærmtitelblokken omfatter det område, som indeholder skærmtitlen, og eventuelle andre widgets i denne række, for eksempel skærmens rulleliste og/eller knapperne Næste og Tilbage. |
| screenTitle | skærmtitel | Skærmtitelområdet er kun det område, som indeholder skærmtitlen. |
| nextButton | knappen Næste | Knappen Næste. |
| backButton | knappen Tilbage | Knappen Tilbage. |
| restartButton | knappen Genstart | Knappen Genstart. |
| exitButton | knappen Afslut | Knappen Afslut. |
| header | header | Sidehovedområdet. |
| footer | footer | Sidefodsområdet. |
| question | spørgsmålstekst | Typografi til spørgsmålstekst. |
| control | container til kontrolelementer | Typografi til det element, som indeholder kontrolelementer. |
| label | etiketkontrolelement | Typografi til etiketkontrolelementer. |
| controlError | alle kontrolelementer | Typografi til fejltekstcontainer. |
| controlErrorText | alle kontrolelementer | Typografi til fejltekstudstrækning. |
| textInput | enkeltlinjet tekstboks, adgangskode og maskeret | Typografi til kontrolelementer for tekstinput. |
| textAreaInput | tekstboks med flere linjer | Typografi til kontrolelementer for flerlinjet tekstinput. |
| calendarInput | kalender | Typografi til kontrolelementer for kalenderinput. Understøtter feltet iconColor, hvor kalenderikonets farve kan ændres, og feltet keepIcon, der angiver, om kalenderikonet skal vises. |
| dropDownInput | rulleliste | Typografi til kontrolelementer for rullelisteinput. |
| filterDropDownInput | filtreret rulleliste | Typografi til kontrolelementer for filtreret rullelisteinput. Understøtter feltet iconColor, hvor rullepilens farve kan ændres. |
| listInput | fast liste | Typografi til kontrolelementer for fast listeinput. |
| radioInput | alternativknapper | Typografi til kontrolelementer for alternativknapinput. De kan formateres med valgene borderColor og fillColor. Egenskaben iconType kan ændre den anvendte ikontype. P.t. er 'tick' og 'fill' de eneste understøttede alternative valg. |
| checkboxInput | afkrydsningsfelt | Typografi til kontrolelementer for afkrydsningsfeltinput. De kan formateres med valgene borderColor og fillColor. Egenskaben iconType kan ændre den anvendte ikontype. P.t. er 'square' og 'fill' de eneste understøttede alternative valg. |
| autoCompleteInput | tilpasset søgning | Typografi til feltet autocomplete, når der bruges en customSearch-udvidelse. |
| captchaInput | CAPTCHA-inputfelt | Typografi til det inputfelt, hvor brugeren indtaster CAPTCHA-oplysninger. |
| signatureInput | signaturkontrolelement | Typografi til signaturkontrolelementer. Understøtter et yderligere inkColor-felt, hvor signaturens pennefarve kan ændres. |
| explanationHeader | forklaringskontrolelement | Typografi til den udvidelige overskrift på øverste niveau for forklaringskontrolelementer. |
| explanationText | forklaringskontrolelement | Typografi til kontrolelementet til udvidet forklaringstekst. |
| signatureClearButton | signaturkontrolelement | Typografi til knappen Ryd i et signaturkontrolelement. |
| uploadAddButton | uploadkontrolelement | Typografi til knappen Tilføj i uploadkontrolelementet. |
| entityRemoveButton | kontrolelement for enhedsindsamling | Kontrolelementet for enhedsindsamling. |
Eksempler med definerede typografiudvidelser 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;
}