Componente 4.11 Tooltips

Definição

Tooltips são pequenas janelas que complementam informações a algum item da tela.

Alguns elementos devem possuir sempre um tooltip a fim de potencializar sua função, são eles:

1) Ícones: todos os ícones do sistema devem contar com tooltip descrevendo sua ação.
2) Conteúdos das tabelas: Sempre que necessário for uma explicação mais detalhada de um item na tabela, um tooltip deve ser usado.
3) Ícones de Módulos: Todos os ícones de módulos que se encontram no cabeçalho do sistema devem possuir tooltip descrevendo com mais detalhes sua função. 
                                                Atenção: Os tooltips, nestes casos, possuem um layout diferenciado.
4) Botões e Links: Quando houver necessidade de explicar a finalidade de um botão ou link, um tooltip deve ser utilizado.

 

Especificações

b.1) Dimensões:          

            Altura: 25px (caso possua apenas uma linha)

            Distância para as margens esquerda/direita: 10px

            Altura/largura da seta: 8/13px

b.2) Cores:

            Janela do tooltip: 4

            Contorno: 8, 1px

b.3) Textos:

            OSr/13 (8)

 

Comportamento

Tooltips são acionados simplesmente repousando o ponteiro do mouse em cima de um item na tela. Ao mover o mouse a janela de tootip é fechada.

Atenção: Não confundir com o elemento popover, que é mais robusto, possui informações mais complexas e é acionado e fechado por meio de cliques.