Môžete nastaviť štýl pohovorov služby Oracle Intelligent Advisor (OIA) (predtým Oracle Policy Automation) tak, aby sa ich vzhľad zjednotil so štýlom vášho podniku.
V súbore design.css môžete nakonfigurovať nasledujúce selektory triedy CSS. Všetky tieto selektory triedy majú predponu “scs-opainterview-”.
Každá trieda definuje všetky štýly pre zadaný komponent. Trieda má plnú kontrolu a existujúci štýl OIA sa nepoužije.
| Selektor | Vzťahuje sa na | Popis |
|---|---|---|
| pohovor | pohovor | Oblasť pohovoru zahŕňa celý obsah pohovoru vrátane hlavičky, päty a oblasti navigácie. |
| interviewContent | obsah pohovoru | Do oblasti obsahu pohovoru patrí názov a ovládacie prvky obrazovky. Nepatrí sem však hlavička, päta ani oblasť navigácie. |
| screenTitleBlock | blok názvu obrazovky | Blok názvu obrazovky pozostáva z oblasti, ktorá okrem názvu obrazovky zahŕňa aj všetky ostatné widgety obsiahnuté v riadku. Napríklad rozbaľovací zoznam obrazovky alebo tlačidlo Ďalej a tlačidlo Späť. |
| screenTitle | názov obrazovky | Oblasť názvu obrazovky je jednoducho oblasť, v ktorej sa nachádza názov obrazovky. |
| nextButton | tlačidlo Ďalej | Tlačidlo Ďalej. |
| backButton | tlačidlo Späť | Tlačidlo Späť. |
| restartButton | tlačidlo Reštartovať | Tlačidlo Reštartovať. |
| exitButton | tlačidlo Skončiť | Tlačidlo Skončiť. |
| header | header | Oblasť hlavičky. |
| footer | footer | Oblasť päty. |
| question | text otázky | Štýl textu otázky. |
| control | kontajner pre ovládacie prvky | Štýl prvku, ktorý obsahuje ovládacie prvky. |
| label | ovládací prvok označenia | Štýl ovládacích prvkov označení. |
| controlError | všetky ovládacie prvky | Štýl kontajnera textov chýb. |
| controlErrorText | všetky ovládacie prvky | Štýl rozsahu textu chyby. |
| textInput | textové pole s jedným riadkom, heslo a maskované textové pole | Štýl vstupných ovládacích prvkov textu. |
| textAreaInput | textové pole s viacerými riadkami | Štýl vstupných ovládacích prvkov viacriadkového textu. |
| calendarInput | kalendár | Štýl vstupných ovládacích prvkov kalendára. Podporuje pole iconColor, ktoré umožňuje meniť farbu ikony kalendára, a pole keepIcon, ktoré označuje, či sa má ikona kalendára zobrazovať. |
| dropDownInput | rozbaľovací zoznam | Štýl vstupných ovládacích prvkov rozbaľovacieho zoznamu. |
| filterDropDownInput | filtrovaný rozbaľovací zoznam | Štýl vstupných ovládacích prvkov filtrovaného rozbaľovacieho zoznamu. Podporuje pole iconColor, ktoré umožňuje meniť farbu šípky rozbaľovacieho zoznamu. |
| listInput | pevný zoznam | Štýl vstupných ovládacích prvkov pevného zoznamu. |
| radioInput | prepínače | Štýl vstupných ovládacích prvkov prepínačov. Na úpravu štýlu možno použiť voľby borderColor a fillColor. Vlastnosť iconType môže zmeniť typ použitej ikony. Momentálne jedinými podporovanými alternatívnymi voľbami sú 'tick' a 'fill'. |
| checkboxInput | začiarkavacie políčko | Štýl vstupných ovládacích prvkov začiarkavacieho políčka. Na úpravu štýlu možno použiť voľby borderColor a fillColor. Vlastnosť iconType môže zmeniť typ použitej ikony. Momentálne jedinými podporovanými alternatívnymi voľbami sú 'square' a 'fill'. |
| autoCompleteInput | prispôsobené vyhľadávanie | Štýl poľa autocomplete, keď sa používa rozšírenie customSearch. |
| captchaInput | vstupné pole textu CAPTCHA | Štýl vstupného poľa, do ktorého používateľ zadáva text CAPTCHA. |
| signatureInput | ovládací prvok podpisu | Štýl ovládacích prvkov podpisu. Podporuje ďalšie pole inkColor, ktoré umožňuje meniť farbu pera pre podpis. |
| explanationHeader | ovládací prvok vysvetlenia | Štýl rozbaliteľnej hlavičky najvyššej úrovne pre ovládacie prvky vysvetlení. |
| explanationText | ovládací prvok vysvetlenia | Štýl rozbaleného textu ovládacieho prvku vysvetlenia. |
| signatureClearButton | ovládací prvok podpisu | Štýl tlačidla Vymazať na ovládacom prvku podpisu. |
| uploadAddButton | ovládací prvok nahrávania | Štýl tlačidla Pridať na ovládacom prvku nahrávania. |
| entityRemoveButton | ovládací prvok zhromažďovania entít | Ovládací prvok zhromažďovania entít. |
Príklady rozšírení štýlu definovaných v súbore 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;
}