Configurarea extensiilor de stilizare a interviurilor pentru Oracle Intelligent Advisor

Puteţi stiliza interviurile Oracle Intelligent Advisor (OIA) (anterior Oracle Policy Automation) pentru ca acestea să corespundă cu aspectul şi funcţionalitatea resurselor din corporaţia dvs.

Puteţi configura următorii selectori de clasă CSS în fişierul design.css. Toţi aceşti selectori de clasă au prefixul „scs-opainterview-”.

Fiecare clasă defineşte întregul stil pentru componenta specificată. Clasa are control deplin, iar stilul OIA existent nu va fi utilizat.

Selector Se aplică pentru Descriere
interviu interviu Regiunea interviului cuprinde întregul conţinut al interviului, inclusiv antetul, subsolul şi zona de navigare.
interviewContent conţinut interviu Regiunea conţinutului interviului include titlul şi controalele ecranului, dar exclude antetul, subsolul şi zona de navigare.
screenTitleBlock bloc titlu ecran Blocul titlului ecranului este compus din regiunea care include titlul ecranului, precum şi celelalte widgeturi cuprinse în rândul respectiv, cum ar fi lista derulantă a ecranului şi/sau butoanele Următor şi Înainte.
screenTitle titlu ecran Regiunea titlului ecranului este numai regiunea care cuprinde titlul ecranului.
nextButton buton Următor Butonul Următor.
backButton buton Înapoi Butonul Înapoi.
restartButton buton Repornire Butonul Repornire.
exitButton buton Ieşire Butonul Ieşire.
antet antet Regiunea antetului.
subsol subsol Regiunea subsolului.
întrebare text întrebare Stilul textului întrebării.
control container pentru controale Stil pentru elementul care conţine controale.
etichetă control etichetă Stil pentru controale tip etichetă.
controlError toate controalele Stil pentru containerul textului erorilor.
controlErrorText toate controalele Stil pentru intervalul aferent textului erorilor.
textInput casetă text pe un singur rând, parolă şi conţinut mascat Stil pentru controalele de introducere a textului.
textAreaInput casetă text pe mai multe rânduri Stil pentru controalele de introducere a textului pe mai multe rânduri.
calendarInput calendar Stil pentru controalele de introducere a calendarului. Acceptă un câmp iconColor care permite să fie modificată culoarea pictogramei calendar şi  un câmp keepIcon care indică dacă pictograma calendarului trebuie afişată.
dropDownInput listă derulantă Stil pentru controalele de introducere a listelor derulante.
filterDropDownInput listă derulantă filtrată Stil pentru controalele de introducere a listelor derulante filtrate. Acceptă un câmp iconColor care permite să fie schimbată culoarea săgeţii listei derulante.
listInput listă fixă Stil pentru controalele de introducere a listelor fixe.
radioInput butoane radio Stil pentru controalele de introducere a butoanelor radio. Pentru stilul acestora pot fi utilizate opţiunile borderColor şi fillColor. Proprietatea iconType poate modifica tipul de pictogramă utilizată. În prezent, 'tick' (gradaţie) şi 'fill' (umplere) sunt singurele opţiuni alternative acceptate.
checkboxInput casetă de validare Stil pentru controalele de introducere a casetelor de validare. Pentru stilul acestora pot fi utilizate opţiunile borderColor şi fillColor. Proprietatea iconType poate modifica tipul de pictogramă utilizată. În prezent, 'square' (pătrat)şi 'fill' (umplere) sunt singurele opţiuni alternative acceptate.
autoCompleteInput căutare personalizată Stil pentru câmpul autocomplete atunci când este utilizată o extensie customSearch.
captchaInput câmp de introducere CAPTCHA Stil pentru câmpul de introducere în care utilizatorul introduce CAPTCHA.
signatureInput control semnătură Stil pentru controalele pentru semnătură. Acceptă un câmp suplimentar inkColor, care permite modificarea culorii cernelii pentru semnătură.
explanationHeader control explicaţii Stil pentru antetul extensibil de pe nivelul de sus pentru controalele pentru explicaţii.
explanationText control explicaţii Stil pentru textul controalelor explicaţiilor extinse.
signatureClearButton control semnătură Stil pentru butonul Golire pe un control semnătură.
uploadAddButton control încărcare Stil pentru butonul Adăugare de pe controlul pentru încărcare.
entityRemoveButton control colectare entităţi Controlul pentru colectarea entităţilor.

Exemple cu extensii de stiluri definite în 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;
}