Configurar Extensões de Estilo da Entrevista para o Oracle Intelligent Advisor

Você pode modelar entrevistas com o Oracle Intelligent Advisor (OIA) (anteriormente conhecido como Oracle Policy Automation) para unificar a aparência com a aparência corporativa.

Você pode configurar os seletores de classe CSS a seguir no arquivo design.css. Todos esses seletores de classe têm o prefixo “scs-opainterview-”.

Cada classe define todos os estilos do componente especificado. A classe tem controle total e o estilo existente do OIA não será utilizado.

Seletor Aplica-se a Descrição
entrevista entrevista A região da entrevista abrange todo o conteúdo da entrevista, inclusive cabeçalho, rodapé e área de navegação.
interviewContent conteúdo da entrevista A região do conteúdo da entrevista inclui o título da tela e os controles, mas exclui cabeçalho, rodapé e área de navegação.
screenTitleBlock bloco de título da tela O bloco de título da tela forma a região que inclui o título da tela, bem como quaisquer outros widgets contidos nessa linha, como a lista drop-down e/ou os botões próximo e voltar da tela.
screenTitle título da tela A região do título da tela é simplesmente a região que contém o título da tela.
nextButton botão próximo O botão próximo.
backButton botão voltar O botão voltar.
restartButton botão reiniciar O botão reiniciar.
exitButton botão sair O botão sair.
cabeçalho cabeçalho A região do cabeçalho.
rodapé rodapé A região do rodapé.
pergunta texto da pergunta Estilo do texto da pergunta.
controle contêiner de controles Estilo do elemento que contém controles.
label controle de label Estilo de controles de label.
controlError todos os controles Estilo do contêiner de texto de erro.
controlErrorText todos os controles Estilo da extensão do texto de erro.
textInput caixa de texto de linha única, senha e mascarada Estilo de controles de entrada de texto.
textAreaInput caixa de texto com várias linhas Estilo de controles de entrada de texto com várias linhas.
calendarInput calendário Estilo de controles de entrada de calendário. Suporta um campo iconColor que permite alterar a cor do ícone de calendário e  um campo keepIcon que indica se o ícone de calendário deve ser exibido.
dropDownInput lista drop-down Estilo de controles de entrada de lista drop-down.
filterDropDownInput lista drop-down filtrada Estilo de controles de entrada de lista drop-down filtrada. Suporta um campo iconColor que permite alterar a cor da seta drop-down.
listInput lista fixa Estilo de controles de entrada de lista fixa.
radioInput botões de opção Estilo de controles de entrada de botão de opção. Podem ser estilizados com as opções borderColor e fillColor. A propriedade iconType pode alterar o tipo de ícone utilizado. Atualmente, 'tick' e 'fill' são as únicas opções alternativas suportadas.
checkboxInput caixa de seleção Estilo de controles de entrada de caixa de seleção. Podem ser estilizados com as opções borderColor e fillColor. A propriedade iconType pode alterar o tipo de ícone utilizado. Atualmente, 'square' e 'fill' são as únicas opções alternativas suportadas.
autoCompleteInput pesquisa personalizada Estilo do campo autocomplete quando uma extensão customSearch é utilizada.
captchaInput campo de entrada CAPTCHA Estilo do campo de entrada no qual o usuário está digitando o CAPTCHA.
signatureInput controle de assinatura Estilo de controles de assinatura. Suporta um campo inkColor adicional que permite alterar a tinta da caneta da assinatura.
explanationHeader controle de explicação Estilo do cabeçalho expansível de nível superior para controles de explicação.
explanationText controle de explicação Estilo do texto de controle de explicação expandido.
signatureClearButton controle de assinatura Estilo do botão limpar em um controle de assinatura.
uploadAddButton controle de upload Estilo do botão adicionar no controle de upload.
entityRemoveButton controle de coleta de entidade O controle de coleta de entidade.

Exemplos com Extensões de Estilo Definidas em 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;
}