Vous pouvez appliquer un style aux enquêtes Oracle Intelligent Advisor (OIA) (anciennement nommé Oracle Policy Automation) pour harmoniser l'apparence avec la présentation adoptée par votre entreprise.
Vous pouvez configurer les sélecteurs de classe CSS suivants dans le fichier design.css. Tous ces sélecteurs de classe possèdent le préfixe "scs-opainterview-".
Chaque classe définit tout le style du composant indiqué. La classe dispose d'un contrôle absolu et le style OIA existant ne sera pas utilisé.
| Sélecteur | Eléments concernés | Description |
|---|---|---|
| Enquête | Enquête | La région d'enquête comprend l'ensemble du contenu d'enquête, y compris les zones d'en-tête, de pied de page et de navigation. |
| interviewContent | Contenu d'enquête | La région de contenu d'enquête comprend le titre et les contrôles d'écran, mais pas les zones d'en-tête, de pied de page et de navigation. |
| screenTitleBlock | Bloc titre d'écran | Le bloc titre d'écran compose la région qui inclut le titre d'écran ainsi que tout autre widget contenu dans cette ligne, comme la liste déroulante d'écran et/ou les boutons Suivant et Précédent. |
| screenTitle | Titre d'écran | La région de titre d'écran est tout simplement la région contenant le titre de l'écran. |
| nextButton | Bouton Suivant | Bouton Suivant. |
| backButton | Bouton Précédent | Bouton Précédent. |
| restartButton | Bouton Redémarrer | Bouton Redémarrer. |
| exitButton | Bouton Quitter | Bouton Quitter. |
| En-tête | En-tête | Région d'en-tête. |
| Pied de page | Pied de page | Région de pied de page. |
| question | Texte de question | Style du texte de question. |
| control | Conteneur de contrôles | Style de l'élément contenant les contrôles. |
| label | Contrôle de libellé | Style des contrôles de libellé. |
| controlError | Tous les contrôles | Style du conteneur de texte d'erreur. |
| controlErrorText | Tous les contrôles | Style de la balise span du texte d'erreur. |
| textInput | Zone de texte monoligne, mot de passe et élément masqué | Style des contrôles d'entrée de texte. |
| textAreaInput | Zone de texte multiligne | Style des contrôles d'entrée de texte multiligne. |
| calendarInput | Calendrier | Style des contrôles d'entrée de calendrier. Prend en charge un champ iconColor qui permet de modifier la couleur de l'icône de calendrier et un champ keepIcon qui indique si l'icône de calendrier doit être affichée. |
| dropDownInput | Liste déroulante | Style des contrôles d'entrée de liste déroulante. |
| filterDropDownInput | Liste déroulante filtrée | Style des contrôles d'entrée de liste déroulante filtrée. Prend en charge un champ iconColor qui permet de modifier la couleur de la flèche de la liste déroulante. |
| listInput | Liste fixe | Style des contrôles d'entrée de liste fixe. |
| radioInput | Boutons radio | Style des contrôles d'entrée de bouton radio. Un style peut leur être appliqué via les options borderColor et fillColor. La propriété iconType peut modifier le type d'icône utilisé. Actuellement, 'tick' et 'fill' sont les seules autres options prises en charge. |
| checkboxInput | Case à cocher | Style des contrôles d'entrée de case à cocher. Un style peut leur être appliqué via les options borderColor et fillColor. La propriété iconType peut modifier le type d'icône utilisé. Actuellement, 'square' et 'fill' sont les seules autres options prises en charge. |
| autoCompleteInput | Recherche personnalisée | Style du champ autocomplete lorsqu'une extension customSearch est employée. |
| captchaInput | Champ d'entrée CAPTCHA | Style du champ d'entrée dans lequel l'utilisateur saisit le CAPTCHA. |
| signatureInput | Contrôle de signature | Style des contrôles de signature. Prend en charge un champ inkColor supplémentaire qui permet de modifier l'encre du stylo pour la signature. |
| explanationHeader | Contrôle d'explication | Style de l'en-tête supérieur pouvant être développé pour les contrôles d'explication. |
| explanationText | Contrôle d'explication | Style du texte de contrôle d'explication développé. |
| signatureClearButton | Contrôle de signature | Style du bouton d'effacement sur un contrôle de signature. |
| uploadAddButton | Contrôle de téléchargement vers le serveur | Style du bouton d'ajout sur le contrôle de téléchargement vers le serveur. |
| entityRemoveButton | Contrôle de collecte d'entité | Contrôle de collecte d'entité. |
Exemples avec des extensions de style définies dans 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;
}