Configuración de extensiones de estilo de entrevista para Oracle Intelligent Advisor

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;
}