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