Voit luoda yritykselle yhdenmukaisen käyttötuntuman muuttamalla Oracle Intelligent Advisor -palvelun (OIA) (aiemmalta nimeltään Oracle Policy Automation) haastatteluiden tyyliä.
Voit määrittää seuraavat CSS-luokkavalitsimet design.css-tiedostossa. Jokaisella näistä luokkavalitsimista on scs-opainterview--etuliite.
Jokainen luokka määrittää kaikki määrittämänsä komponentin tyylit. Luokka vastaa yksin hallinnasta, eikä olemassa olevaa OIA-tyyliä käytetä.
| Valitsin | Kohde | Kuvaus |
|---|---|---|
| haastattelu | haastattelu | Haastattelun alue pitää sisällään haastattelun koko sisällön mukaan lukien ylä- ja alatunnisteet sekä navigointialueen. |
| interviewContent | haastattelun sisältö | Haastattelun sisältöalue pitää sisällään näytön otsikon ja ohjaimet mutta ei ylä- ja alatunnisteita eikä navigointialuetta. |
| screenTitleBlock | näytön otsikon lohko | Näytön otsikon lohko muodostaa alueen, joka sisältää näytön otsikon sekä muut samalla rivillä olevat widgetit, kuten näytön avattavan listan sekä seuraavan tai edellisen painikkeet. |
| screenTitle | näytön otsikko | Näytön otsikon alue on yksinkertaisesti alue, joka sisältää näytön otsikon |
| nextButton | seuraava-painike | Seuraava-painike |
| backButton | takaisin-painike | Takaisin-painike. |
| restartButton | uudelleenkäynnistyspainike | Uudelleenkäynnistyspainike. |
| exitButton | lopetuspainike | Lopetuspainike. |
| ylätunniste | ylätunniste | Ylätunnistealue. |
| alatunniste | alatunniste | Alatunnistealue. |
| question | kysymysteksti | Kysymystekstin tyyli. |
| control | ohjaimien säiliö | Ohjaimia sisältävän elementin tyyli. |
| label | otsikko-ohjain | Otsikko-ohjainten tyyli. |
| controlError | kaikki ohjaimet | Virhetekstin säiliön tyyli. |
| controlErrorText | kaikki ohjaimet | Virhetekstin alueen tyyli. |
| textInput | yksirivinen tekstiruutu, salasana ja salattu | Tekstinsyöttöohjainten tyyli. |
| textAreaInput | monirivinen tekstiruutu | Monirivisten tekstinsyöttöohjainten tyyli. |
| calendarInput | kalenteri | Kalenterin syöttöohjainten tyyli. Tukee iconColor-kenttää, joka mahdollistaa kalenterikuvakkeen värin vaihtamisen. Tukee myös keepIcon-kenttää, joka ilmaisee, näytetäänkö kalenterikuvake. |
| dropDownInput | avattava lista | Avattavan listan syöttöohjainten tyyli. |
| filterDropDownInput | suodatettu avattava lista | Suodatetun avattavan listan syöttöohjainten tyyli. Tukee iconColor-kenttää, joka mahdollistaa avattavan listan nuolen värin vaihtamisen. |
| listInput | kiinteä lista | Kiinteän listan syöttöohjainten tyyli. |
| radioInput | valintanapit | Valintanappien syöttöohjainten tyyli. Niiden tyyliä voi muuttaa borderColor- ja fillColor-valintojen avulla. iconType-ominaisuuden avulla voi muuttaa käytettävän kuvakkeen tyyppiä. Tällä hetkellä vain 'tick'- ja 'fill'-vaihtoehtoja tuetaan. |
| checkboxInput | valintaruutu | Valintaruudun syöttöohjainten tyyli. Niiden tyyliä voi muuttaa borderColor- ja fillColor-valintojen avulla. iconType-ominaisuuden avulla voi muuttaa käytettävän kuvakkeen tyyppiä. Tällä hetkellä vain 'square'- ja 'fill'-vaihtoehtoja tuetaan. |
| autoCompleteInput | räätälöity haku | autocomplete-kentän tyyli, kun customSearch-laajennusta käytetään. |
| captchaInput | CAPTCHA-syöttökenttä | Sen syöttökentän tyyli, johon käyttäjä syöttää CAPTCHA-tiedot. |
| signatureInput | allekirjoitusohjain | Allekirjoitusohjainten tyyli. Tukee ylimääräistä inkColor-kenttää, jonka avulla voi muuttaa allekirjoituksen kynän väriä. |
| explanationHeader | selitysohjain | Selitysohjainten ylätason laajennettavan otsikon tyyli. |
| explanationText | selitysohjain | Laajennetun selitysohjaimen tekstin tyyli. |
| signatureClearButton | allekirjoitusohjain | Allekirjoitusohjaimen tyhjennyspainikkeen tyyli. |
| uploadAddButton | latausohjain | Latausohjaimen lisäyspainikkeen tyyli. |
| entityRemoveButton | yksikön keräilyn ohjain | Yksikön keräilyn ohjain. |
Esimerkkejä, joissa design.css-tiedostoon on määritetty tyylilaajennuksia
.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;
}