Puede aplicar estilo a las entrevistas de Oracle Intelligent Advisor (OIA) (anteriormente Oracle Policy Automation) para unificar el aspecto con el de su empresa.
Puede configurar los siguientes selectores de clase CSS en el archivo design.css
. Todos estos selectores de clase tienen el prefijo “scs-opainterview-
”.
Cada clase define todos los estilos del componente especificado. La clase tiene un control completo y no se utilizará el estilo OIA existente.
Selector | Se aplica a | Descripción |
---|---|---|
interview | interview | La región de intercambio comprende el contenido de intercambio completo, incluida la cabecera, el pie de página y el área de navegación. |
interviewContent | contenido del intercambio | La región de contenido de intercambio incluye el título de pantalla y los controles, pero excluye la cabecera, el pie de página y el área de navegación. |
screenTitleBlock | bloque de título de pantalla | El bloque de título de pantalla está formado por la región que incluye el título de pantalla así como cualquier otro widget que se incluya en esa fila, como la lista desplegable de pantalla o los botones Siguiente y Atrás. |
screenTitle | título de pantalla | La región de título de pantalla es solo la región que contiene el título de pantalla. |
nextButton | botón Siguiente | Botón Siguiente. |
backButton | botón Atrás | Botón Atrás. |
restartButton | botón Reiniciar | Botón Reiniciar. |
exitButton | botón Salir | Botón Salir. |
cabecera | cabecera | Región de cabecera. |
pie de página | pie de página | Región de pie de página. |
question | texto de pregunta | Estilo del texto de pregunta. |
control | contenedor para controles | Estilo del elemento que contiene los controles. |
label | control de etiqueta | Estilo de los controles de etiqueta. |
controlError | todos los controles | Estilo del contenedor del texto de error. |
controlErrorText | todos los controles | Estilo del intervalo de texto de error. |
textInput | cuadro de texto de una sola línea, contraseña y con máscara | Estilo de los controles de entrada de texto. |
textAreaInput | cuadro de texto de varias líneas | Estilo de los controles de entrada de texto de varias líneas. |
calendarInput | calendario | Estilo de los controles de entrada de calendario. Admite un campo iconColor que permite cambiar el color del icono de calendario y un campo keepIcon que indica si se debe mostrar el icono de calendario. |
dropDownInput | lista desplegable | Estilo de los controles de entrada de lista desplegable. |
filterDropDownInput | lista desplegable filtrada | Estilo de los controles de entrada de lista desplegable filtrada. Admite un campo iconColor que permite cambiar el color de la flecha desplegable. |
listInput | lista fija | Estilo de los controles de entrada de lista fija. |
radioInput | botones de radio | Estilo de los controles de entrada de botón de radio. Se les puede aplicar un estilo con las opciones borderColor y fillColor . La propiedad iconType puede cambiar el tipo de icono utilizado. Actualmente, 'tick' y 'fill' son las únicas opciones alternativas admitidas. |
checkboxInput | casilla de control | Estilo de los controles de entrada de casilla de control. Se les puede aplicar un estilo con las opciones borderColor y fillColor . La propiedad iconType puede cambiar el tipo de icono utilizado. Actualmente, 'square' y 'fill' son las únicas opciones alternativas admitidas. |
autoCompleteInput | búsqueda personalizada | Estilo del campo autocomplete cuando se usa una extensión customSearch . |
captchaInput | campo de entrada de CAPTCHA | Estilo del campo de entrada en el que el usuario está introduciendo el CAPTCHA. |
signatureInput | control de firma | Estilo de los controles de firma. Admite un campo inkColor adicional que permite cambiar la tinta de pluma de la firma. |
explanationHeader | control de explicación | Estilo de la cabecera ampliable de nivel superior de los controles de explicación. |
explanationText | control de explicación | Estilo del texto de control de explicación ampliado. |
signatureClearButton | control de firma | Estilo del botón Borrar en un control de firma. |
uploadAddButton | control de carga | Estilo del botón Agregar en el control de carga. |
entityRemoveButton | control de recopilación de entidades | Control de recopilación de entidades. |
Ejemplos con extensiones de estilo definidas en 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; }