Az Oracle Intelligent Advisor (OIA) (korábbi nevén Oracle Policy Automation) interjúinak stílusa megszabható, hogy egységes benyomást nyújtson a vállalatuk megjelenése.
A design.css fájlban a következő CSS osztályválasztókat konfigurálhatja. Valamennyi osztályválasztóhoz az „scs-opainterview-” előtag tartozik.
Minden osztály az összes stíluselemet definiálja az adott összetevőhöz. Az osztály teljes mértékben átveszi a szabályozást, a meglévő OIA stílust nem használja a rendszer.
| Választó | Hatókör | Leírás |
|---|---|---|
| interview | interview | Az interjú területe az interjú teljes tartalmát magába foglalja, beleértve a fejlécet, láblécet és a navigációs területet. |
| interviewContent | interjú tartalma | Az interjú tartalma terület a képernyő címét és a vezérlőelemeket tartalmazza a fejléc, lábléc és a navigációs terület kivételével. |
| screenTitleBlock | képernyő címblokkja | A képernyő címblokkját az a terület alkotja, amely a képernyő címét és az ebben a sorban lévő más ablakobjektumokat tartalmazza, ilyen a képernyő legördülő listája és/vagy a tovább és a vissza gomb. |
| screenTitle | képernyő címe | Ez a kizárólag a képernyő címét tartalmazó terület. |
| nextButton | tovább gomb | A tovább gomb. |
| backButton | vissza gomb | A vissza gomb. |
| restartButton | újraindítás gomb | Az újraindítás gomb. |
| exitButton | kilépés gomb | A kilépés gomb. |
| header | header | A fejléc területe. |
| footer | footer | A lábléc területe. |
| question | kérdés szövege | Stílus a kérdés szövegéhez. |
| control | vezérlőelemek tárolója | Stílus a vezérlőket tartalmazó elemhez. |
| label | címke vezérlőelem | Stílus címke vezérlőelemekhez. |
| controlError | összes vezérlőelem | Stílus a hibaüzenetek tárolójához. |
| controlErrorText | összes vezérlőelem | Stílus a hibaüzenetek terjedelméhez. |
| textInput | egysoros szövegmező, jelszó és maszkolt | Stílus szövegbeviteli vezérlőelemekhez. |
| textAreaInput | többsoros szövegmező | Stílus többsoros szövegbeviteli vezérlőelemekhez. |
| calendarInput | naptár | Stílus naptár beviteli vezérlőelemeihez. Támogatja az iconColor mezőt, amely lehetővé teszi a naptár ikon színének módosítását, és a keepIcon mezőt, amely azt jelzi, hogy meg kell-e jeleníteni a naptár ikont. |
| dropDownInput | legördülő lista | Stílus legördülő lista beviteli vezérlőelemeihez. |
| filterDropDownInput | szűrt legördülő lista | Stílus legördülő lista szűrt beviteli vezérlőelemeihez. Támogatja az iconColor mezőt, amely lehetővé teszi a listanyíl színének módosítását. |
| listInput | rögzített lista | Stílus rögzített lista beviteli vezérlőelemeihez. |
| radioInput | választógombok | Stílus választógomb beviteli vezérlőelemeihez. Ezek stílusa a borderColor és a fillColor beállítással adható meg. Az iconType tulajdonság a használt ikon típusának megfelelően változhat. Jelenleg csak a 'tick' és a 'fill' a támogatott választható beállítás. |
| checkboxInput | jelölőnégyzet | Stílus jelölőnégyzet beviteli vezérlőelemeihez. Ezek stílusa a borderColor és a fillColor beállítással adható meg. Az iconType tulajdonság a használt ikon típusának megfelelően változhat. Jelenleg csak a 'square' és a 'fill' a támogatott választható beállítás. |
| autoCompleteInput | egyéni keresés | Stílus az autocomplete mezőhöz a customSearch kiterjesztés használatakor. |
| captchaInput | CAPTCHA beviteli mezője | Stílus ahhoz a beviteli mezőhöz, amelybe a felhasználó a CAPTCHA értékét írja be. |
| signatureInput | aláírás vezérlőelem | Stílus aláírás vezérlőelemekhez. Támogatja a kiegészítő inkColor mezőt, amely lehetővé teszi a toll tintaszínének módosítását az aláírásnál. |
| explanationHeader | magyarázat vezérlőelem | Stílus a felső szintű kibontható fejléchez a magyarázat vezérlőelemeknél. |
| explanationText | magyarázat vezérlőelem | Stílus a kibontott magyarázat vezérlőelem szövegéhez. |
| signatureClearButton | aláírás vezérlőelem | Stílus aláírás vezérlőelemen lévő törlés gombhoz. |
| uploadAddButton | feltöltés vezérlőelem | Stílus a feltöltés vezérlőelemen lévő hozzáadás gombhoz. |
| entityRemoveButton | entitásgyűjtés vezérlőelem | Az entitásgyűjtés vezérlőelem. |
Példák a design.css fájlban definiált stíluskiterjesztésekhez
.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;
}