Rozhovorům Oracle Intelligent Advisor (OIA) (starší název Oracle Policy Automation) můžete přiřadit styly a tak sjednotit jejich vzhled na základě vašich korporátních pravidel.
V souboru design.css můžete konfigurovat následující selektory tříd CSS. Všechny tyto selektory tříd mají předponu scs-opainterview-.
Každá třída definuje všechny styly pro stanovenou komponentu. Třída má plnou kontrolu a stávající styl OIA nebude použit.
| Selektor | Platí pro | Popis |
|---|---|---|
| rozhovor | rozhovor | Oblast rozhovoru zahrnuje celý obsah rozhovoru, včetně záhlaví, zápatí a navigační oblasti. |
| interviewContent | obsah rozhovoru | Oblast obsahu rozhovoru zahrnuje název obrazovky a ovládací prvky, ale nepatří do ní záhlaví, zápatí a navigační oblast. |
| screenTitleBlock | blok názvu obrazovky | Blok názvu obrazovky tvoří oblast, která obsahuje název obrazovky, stejně jako všechny další widgety, které se nacházejí na tomto řádku, jako jsou rozevírací seznam obrazovky nebo tlačítka „další“ a „zpět“. |
| screenTitle | název obrazovky | Oblast názvu obrazovky je pouze oblast, která obsahuje název obrazovky. |
| nextButton | tlačítko „další“ | Tlačítko „další“. |
| backButton | tlačítko „zpět“ | Tlačítko „zpět“. |
| restartButton | tlačítko „restartovat“ | Tlačítko „restartovat“. |
| exitButton | tlačítko „konec“ | Tlačítko „konec“. |
| záhlaví | záhlaví | Oblast záhlaví. |
| zápatí | zápatí | Oblast zápatí. |
| dotaz | text dotazu | Styl pro text dotazu. |
| ovládací prvek | kontejner pro ovládací prvky | Styl pro prvek, který obsahuje ovládací prvky. |
| popisek | ovládací prvek popisku | Styl pro ovládací prvky popisků. |
| controlError | všechny ovládací prvky | Styl pro kontejner textu chyby. |
| controlErrorText | všechny ovládací prvky | Styl pro rozsah textu chyby. |
| textInput | jednořádkové textové pole, heslo a maskované | Styl pro ovládací prvky vstupu textu. |
| textAreaInput | víceřádkové textové pole | Styl pro ovládací prvky vstupu víceřádkového textu. |
| calendarInput | kalendář | Styl pro ovládací prvky vstupu kalendáře. Podporuje pole iconColor, které umožňuje změnit barvu ikony kalendáře, a pole keepIcon, které udává, zda má být zobrazena ikona kalendáře. |
| dropDownInput | rozevírací seznam | Styl pro ovládací prvky vstupu rozevíracího seznamu. |
| filterDropDownInput | filtrovaný rozevírací seznam | Styl pro ovládací prvky vstupu filtrovaného rozevíracího seznamu. Podporuje pole iconColor, které umožňuje změnit barvu šipky rozevíracího seznamu. |
| listInput | pevný seznam | Styl pro ovládací prvky vstupu pevného seznamu. |
| radioInput | přepínače | Styl pro ovládací prvky vstupu přepínačů. K nastavení stylu lze použít volby borderColor a fillColor. Vlastnost iconType může změnit typ použité ikony. V současné době jsou jedinými podporovanými alternativními možnostmi 'tick' a 'fill'. |
| checkboxInput | zaškrtávací políčko | Styl pro ovládací prvky vstupu zaškrtávacího políčka. K nastavení stylu lze použít volby borderColor a fillColor. Vlastnost iconType může změnit typ použité ikony. V současné době jsou jedinými podporovanými alternativními možnostmi 'square' a 'fill'. |
| autoCompleteInput | vlastní vyhledávání | Styl pro pole autocomplete při použití rozšíření customSearch. |
| captchaInput | vstupní pole CAPTCHA | Styl pro vstupní pole, do kterého uživatel zadává hodnotu testu CAPTCHA. |
| signatureInput | ovládací prvek podpisu | Styl pro ovládací prvky podpisu. Podporuje doplňkové pole inkColor, které umožňuje měnit inkoust pera pro podpis. |
| explanationHeader | ovládací prvek vysvětlení | Styl pro ovládací prvky rozšiřitelného záhlaví nejvyšší úrovně pro vysvětlení. |
| explanationText | ovládací prvek vysvětlení | Styl pro ovládací prvek rozšířeného textu vysvětlení. |
| signatureClearButton | ovládací prvek podpisu | Styl pro tlačítko Vymazat na ovládacím prvku podpisu. |
| uploadAddButton | ovládací prvek odesílání | Styl pro tlačítko Přidat na ovládacím prvku odesílání. |
| entityRemoveButton | ovládací prvek shromažďování entit | Ovládací prvek shromažďování entit. |
Příklady s rozšířeními stylů definovanými v souboru 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;
}