Configurare le estensioni di stile dell'intervista per Oracle Intelligent Advisor

È possibile creare uno stile per le interviste OIA (Oracle Intelligent Advisor, in precedenza Oracle Policy Automation) in modo da uniformarne l'aspetto con quello aziendale.

È possibile configurare i selettori di classe CSS riportati di seguito nel file design.css. Tutti i selettori di classe hanno il prefisso "scs-opainterview-".

Ogni classe definisce tutti gli stili per il componente specificato. La classe ha il controllo completo e lo stile OIA esistente non verrà utilizzato.

Selettore Si applica a Descrizione
interview interview L'area dell'intervista comprende l'intero contenuto dell'intervista, inclusi l'intestazione, il piè di pagina e l'area di navigazione.
interviewContent contenuto dell'intervista L'area del contenuto dell'intervista include il titolo e i controlli della schermata, ma esclude l'intestazione, il piè di pagina e l'area di navigazione.
screenTitleBlock blocco del titolo della schermata Il blocco del titolo della schermata costituisce l'area che include il titolo della schermata nonché tutti gli eventuali widget contenuti nella riga, quali ad esempio gli elenchi a discesa della schermata e/o i pulsanti Successivo e Indietro.
screenTitle titolo della schermata L'area del titolo della schermata è semplicemente l'area che contiene il titolo della schermata.
nextButton pulsante Successivo Pulsante Successivo.
backButton pulsante Indietro Pulsante Indietro.
restartButton pulsante Riavvia Pulsante Riavvia.
exitButton pulsante Esci Pulsante Esci.
header header Area dell'intestazione.
footer footer Area del piè di pagina.
question testo della domanda Stili per il testo della domanda.
control contenitore per i controlli Stili per l'elemento che contiene i controlli.
label controllo etichetta Stili per i controlli etichetta.
controlError tutti i controlli Stili per il contenitore del testo degli errori.
controlErrorText tutti i controlli Stili per l'estensione del testo degli errori.
textInput casella di testo di una sola riga, password e mascheramento Stili per i controlli di input del testo.
textAreaInput casella di testo con più righe Stili per i controlli di input del testo su più righe.
calendarInput calendario Stili per i controlli di input del calendario. Supporta un campo iconColor, che consente la modifica del colore dell'icona del calendario, e  un campo keepIcon, che indica se l'icona del calendario deve essere visualizzata o meno.
dropDownInput elenco a discesa Stili per i controlli di input degli elenchi a discesa.
filterDropDownInput elenco a discesa filtrato Stili per i controlli di input degli elenchi a discesa filtrati. Supporta un campo iconColor, che consente di modificare il colore della freccia dell'elenco a discesa.
listInput lista fissa Stili per i controlli di input delle liste fisse.
radioInput pulsanti di scelta Stili per i controlli di input dei pulsanti di scelta. Per applicare gli stili è possibile utilizzare le opzioni borderColor e fillColor. La proprietà iconType consente di modificare il tipo di icona utilizzato. Attualmente le uniche opzioni alternative supportate sono 'tick' e 'fill'.
checkboxInput casella di controllo Stili per i controlli di input delle caselle di controllo. Per applicare gli stili è possibile utilizzare le opzioni borderColor e fillColor. La proprietà iconType consente di modificare il tipo di icona utilizzato. Attualmente 'square' e 'fill' sono le uniche opzioni alternative supportate.
autoCompleteInput ricerca personalizzata Stili per il campo autocomplete quando si utilizza un'estensione customSearch.
captchaInput campo di input CAPTCHA Stili per il campo di input in cui l'utente immette CAPTCHA.
signatureInput controllo firma Stili per i controlli della firma. Supporta un campo inkColor aggiuntivo che consente di modificare l'inchiostro della penna per la firma.
explanationHeader controllo spiegazione Stili per l'intestazione espandibile di livello superiore per i controlli di spiegazione.
explanationText controllo spiegazione Stili per il testo dei controlli di spiegazione espansi.
signatureClearButton controllo firma Stili per il pulsante Cancella in un controllo firma.
uploadAddButton controllo caricamento Stili per il pulsante Aggiungi nel controllo di caricamento.
entityRemoveButton controllo di raccolta entità Controllo di raccolta entità.

Esempi con estensioni di stile definite in 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;
}