Dicas de ferramenta

Última atualização em 2023-11-03
  • Criado para:
  • Developer
    User

Em sistemas desktop, alguns elementos da interface do usuário, como botões, têm dicas de ferramentas exibidas ao passar o mouse.

Propriedades CSS da área do visualizador principal

A aparência das dicas de ferramentas é controlada com o seguinte seletor de classe CSS:

.s7tooltip

Propriedade CSS

Descrição

border-radius

Raio da borda do fundo.

border-color

Cor da borda do fundo.

background-color

Cor de fundo.

cor

Cor do texto.

font-family

Nome da fonte do texto.

font-size

Tamanho da fonte do texto.

OBSERVAÇÃO

Se os estilos de dica de ferramenta forem personalizados na página da Web de incorporação, todas as propriedades deverão conter !IMPORTANT regra. No entanto, não é necessário se as dicas de ferramentas forem personalizadas no arquivo CSS do visualizador.

Exemplo - para configurar dicas de ferramentas com uma borda cinza com raio de canto de 3 pixels, plano de fundo preto e texto branco escrito com Arial®, tamanho de 11 pixels:

.s7tooltip {
 border-radius: 3px 3px 3px 3px;
 border-color: #999999;
 background-color: #000000;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

Nesta página