Μπορείτε να μορφοποιήσετε τις συνεντεύξεις (OIA) (προηγουμένως γνωστό ως Oracle Policy Automation) για την ενοποίηση της εμφάνισης με την εταιρική εμφάνιση και αίσθηση.
Μπορείτε να διαμορφώσετε τους ακόλουθους επιλογείς κλάσεων CSS στο αρχείο design.css. Όλοι αυτοί οι επιλογείς κλάσεων έχουν το πρόθεμα “scs-opainterview-”.
Κάθε κλάση ορίζει το πλήρες στυλ για το καθορισμένο συστατικό στοιχείο. Η κλάση έχει πλήρη έλεγχο και το υπάρχον στυλ OIA δεν θα χρησιμοποιηθεί.
| Επιλογέας | Ισχύει για | Περιγραφή |
|---|---|---|
| interview | interview | Η περιοχή συνέντευξης αποτελεί ολόκληρο το περιεχόμενο συνέντευξης, συμπεριλαμβανομένης της κεφαλίδας, του υποσέλιδου και της περιοχής πλοήγησης. |
| interviewContent | περιεχόμενο συνέντευξης | Η περιοχή περιεχομένου συνέντευξης περιλαμβάνει τον τίτλο οθόνης και τα στοιχεία ελέγχου αλλά εξαιρούνται η κεφαλίδα, το υποσέλιδο και η περιοχή πλοήγησης. |
| screenTitleBlock | τμήμα τίτλου οθόνης | Το τμήμα τίτλου οθόνης συνθέτει την περιοχή που περιλαμβάνει τον τίτλο οθόνης καθώς επίσης και τυχόν άλλα widget που περιέχονται σε αυτήν τη σειρά, όπως την αναπτυσσόμενη λίστα οθόνης ή/και τα κουμπιά επόμενο και προηγούμενο. |
| screenTitle | τίτλος οθόνης | Η περιοχή τίτλου οθόνης είναι απλώς η περιοχή που περιέχει τον τίτλο οθόνης. |
| nextButton | κουμπί "Επόμενο" | Το κουμπί "Επόμενο". |
| backButton | κουμπί "Πίσω" | Το κουμπί "Πίσω". |
| restartButton | κουμπί "Επανεκκίνηση" | Το κουμπί "Επανεκκίνηση". |
| exitButton | κουμπί "Έξοδος" | Το κουμπί "Έξοδος". |
| header | header | Η περιοχή κεφαλίδας. |
| footer | footer | Η περιοχή υποσέλιδου. |
| question | κείμενο ερώτησης | Στυλ για το κείμενο ερώτησης. |
| control | κοντέινερ για τα στοιχεία ελέγχου | Στυλ για το στοιχείο που περιέχει τα στοιχεία ελέγχου. |
| label | στοιχείο ελέγχου ετικέτας | Στυλ για στοιχεία ελέγχου ετικέτας. |
| controlError | όλα τα στοιχεία ελέγχου | Στυλ για κοντέινερ κειμένου σφάλματος. |
| controlErrorText | όλα τα στοιχεία ελέγχου | Στυλ για επέκταση κειμένου σφάλματος. |
| textInput | πλαίσιο κειμένου μίας γραμμής, με κωδικό πρόσβασης και μάσκα | Στυλ για στοιχεία ελέγχου εισόδου κειμένου. |
| textAreaInput | πλαίσιο κειμένου πολλών γραμμών | Στυλ για στοιχεία ελέγχου εισόδου κειμένου πολλών γραμμών. |
| calendarInput | ημερολόγιο | Στυλ για στοιχεία ελέγχου εισόδου ημερολογίου. Υποστηρίζει ένα πεδίο "iconColor" που επιτρέπει την αλλαγή του χρώματος του εικονιδίου ημερολογίου και ένα πεδίο "keepIcon" που υποδεικνύει αν θα πρέπει να εμφανίζεται το εικονίδιο ημερολογίου. |
| dropDownInput | αναπτυσσόμενη λίστα | Στυλ για στοιχεία ελέγχου εισόδου αναπτυσσόμενης λίστας. |
| filterDropDownInput | φιλτραρισμένη αναπτυσσόμενη λίστα | Στυλ για στοιχεία ελέγχου εισόδου φιλτραρισμένης αναπτυσσόμενης λίστας. Υποστηρίζει ένα πεδίο "iconColor" που επιτρέπει την αλλαγή του χρώματος του βέλους αναπτυσσόμενης λίστας. |
| listInput | σταθερή λίστα | Στυλ για στοιχεία ελέγχου εισόδου σταθερής λίστας. |
| radioInput | κουμπιά επιλογής | Στυλ για στοιχεία ελέγχου εισόδου κουμπιών επιλογής. Μπορείτε να ορίσετε το στυλ τους με τις επιλογές borderColor και fillColor. Η ιδιότητα iconType μπορεί να αλλάξει τον τύπο του εικονιδίου που χρησιμοποιείται. Προς το παρόν, οι μόνες υποστηριζόμενες εναλλακτικές επιλογές είναι 'tick' και 'fill'. |
| checkboxInput | τετραγωνίδιο επιλογής | Στυλ για στοιχεία ελέγχου εισόδου τετραγωνιδίων επιλογής. Μπορείτε να ορίσετε το στυλ τους με τις επιλογές borderColor και fillColor. Η ιδιότητα iconType μπορεί να αλλάξει τον τύπο του εικονιδίου που χρησιμοποιείται. Προς το παρόν, οι μόνες υποστηριζόμενες εναλλακτικές επιλογές είναι 'square' και 'fill'. |
| autoCompleteInput | προσαρμοσμένη αναζήτηση | Στυλ για το πεδίο "autocomplete" όταν χρησιμοποιείται μια επέκταση "customSearch". |
| captchaInput | πεδίο εισαγωγής CAPTCHA | Στυλ για το πεδίο εισαγωγής όπου ο χρήστης καταχωρεί το CAPTCHA. |
| signatureInput | στοιχείο ελέγχου υπογραφής | Στυλ για στοιχεία ελέγχου υπογραφής. Υποστηρίζει ένα πρόσθετο πεδίο "inkColor" που επιτρέπει την αλλαγή του μελανιού στυλό για την υπογραφή. |
| explanationHeader | στοιχείο ελέγχου επεξήγησης | Στυλ για την επεκτάσιμη κεφαλίδα ανώτατου επιπέδου για στοιχεία ελέγχου επεξήγησης. |
| explanationText | στοιχείο ελέγχου επεξήγησης | Στυλ για το κείμενο στοιχείου ελέγχου εκτεταμένης επεξήγησης. |
| signatureClearButton | στοιχείο ελέγχου υπογραφής | Στυλ για το κουμπί εκκαθάρισης σε ένα στοιχείο ελέγχου υπογραφής. |
| uploadAddButton | στοιχείο ελέγχου αποστολής | Στυλ για το κουμπί προσθήκης στο στοιχείο ελέγχου αποστολής. |
| entityRemoveButton | στοιχείο ελέγχου συλλογής οντότητας | Το στοιχείο ελέγχου συλλογής οντότητας. |
Παραδείγματα με επεκτάσεις στυλ ορίζονται στο αρχείο 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;
}