Dicas de ferramenta

Última atualização em 2023-05-20
  • 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 ferramenta é 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

Caso os estilos de dica de ferramenta sejam personalizados na página da Web de incorporação, todas as propriedades devem conter !IMPORTANT regra. Essa regra não é necessária se as dicas de ferramentas forem personalizadas no arquivo CSS do visualizador.

Exemplo - Para configurar dicas de ferramenta 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