Pode aplicar um estilo nos questionários do Oracle Intelligent Advisor (OIA) (anteriormente Oracle Policy Automation) para unificar o aspeto com o seu estilo empresarial.
Pode configurar os seguintes seletores da classe de CSS no ficheiro design.css. Todos estes seletores de classe têm o prefixo "scs-opainterview-".
Cada classe define todos os estilos para o componente especificado. A classe detém controlo total e o estilo existente do OIA não será utilizado.
| Seletor | Aplica-se a | Descrição |
|---|---|---|
| interview | interview | A região da entrevista abrange todo o conteúdo da entrevista, incluindo o cabeçalho, o rodapé e a área de navegação. |
| interviewContent | conteúdo da entrevista | A região do conteúdo da entrevista inclui o título do ecrã e controlos, mas exclui o cabeçalho, o rodapé e a área de navegação. |
| screenTitleBlock | bloco de título do ecrã | O bloco de título do ecrã forma a região que inclui o título do ecrã bem como quaisquer outros widgets contidos nessa linha, como a lista pendente do ecrã e/ou os botões seguinte e anterior. |
| screenTitle | título do ecrã | A região do título do ecrã é apenas a região que contém o título do ecrã. |
| nextButton | botão seguinte | O botão seguinte. |
| backButton | botão anterior | O botão anterior. |
| restartButton | botão reiniciar | O botão reiniciar. |
| exitButton | botão sair | O botão sair. |
| header | header | A região do cabeçalho. |
| footer | footer | A região do rodapé. |
| question | texto da pergunta | Estilo para o texto da pergunta. |
| control | container para controlos | Estilo para o elemento que contém controlos. |
| label | controlo de etiqueta | Estilo para controlos de etiqueta. |
| controlError | todos os controlos | Estilo para o container de texto de erro. |
| controlErrorText | todos os controlos | Estilo para span do texto de erro. |
| textInput | caixa de texto de linha única, senha e mascarado | Estilo para controlos de entrada de texto. |
| textAreaInput | caixa de texto com várias linhas | Estilo para controlos de entrada de texto com várias linhas. |
| calendarInput | calendário | Estilo para controlos de entrada de dados de calendário. Suporta um campo iconColor que permite alterar a cor do ícone do calendário e um campo keepIcon que indica se o ícone do calendário deve ser apresentado. |
| dropDownInput | lista pendente | Estilo para controlos de entrada de dados de lista pendente. |
| filterDropDownInput | lista pendente filtrada | Estilo para controlos de entrada de dados de lista pendente filtrada. Suporta um campo iconColor que permite alterar a cor da seta da lista pendente. |
| listInput | lista fixa | Estilo para controlos de entrada de dados de lista fixa. |
| radioInput | botões de rádio | Estilo para controlos de entrada de dados de botões de rádio. Pode definir os respetivos estilos com as opções borderColor e fillColor. A propriedade iconType pode alterar o tipo de ícone utilizado. Atualmente, as únicas opções alternativas suportadas são 'tick' e 'fill'. |
| checkboxInput | caixa de seleção | Estilo para controlos de entrada de dados de caixa de seleção. Pode definir os respetivos estilos com as opções borderColor e fillColor. A propriedade iconType pode alterar o tipo de ícone utilizado. Atualmente, as únicas opções alternativas suportadas são 'square' e 'fill'. |
| autoCompleteInput | pesquisa customizada | Estilo para o campo autocomplete quando é utilizada uma extensão customSearch. |
| captchaInput | campo de entrada de dados CAPTCHA | Estilo para o campo de entrada de dados no qual o utilizador introduz o CAPTCHA. |
| signatureInput | controlo de assinatura | Estilo para controlos de assinatura. Suporta um campo inkColor adicional que permite alterar a tinta da caneta para a assinatura. |
| explanationHeader | controlo de explicação | Estilo para o cabeçalho expansível de nível superior para controlos de explicação. |
| explanationText | controlo de explicação | Estilo para o texto de controlo de explicação expandido. |
| signatureClearButton | controlo de assinatura | Estilo para o botão limpar num controlo de assinatura. |
| uploadAddButton | controlo de carregamento | Estilo para o botão acrescentar no controlo de carregamento. |
| entityRemoveButton | controlo de recolha da entidade | O controlo de recolha da 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;
}