Os controles de formulário do Adobe Flex (TextInput, Comobobox, List, Button etc) possuem a propriedade errorString que é usada para preencher com alguma mensagem de validação.

Sempre que esta propriedade for preenchida com algum valor o componente em questão tem a cor da borda alterado para vermelho e ao passar o mouse sobre o mesmo, é exibido uma caixa de texto (toolTip) com o valor da propriedade errorString.

Exemplo:

Seria perfeito não fosse a dependência da ação do mouse para exibir o toolTip.

Desenvolvi a solução abaixo pois precisa exibir tooltips sem necessidade de interação do mouse, e claro alterar cor, inserir ícones etc.

Quem faz todo o trabalho é a Classe ToolTipUtil (dísponivel abaixo para download).

Use o método createToolTip() passando os seguintes parâmentros:

  1. Controle onde deverá ser exibido o toolTip
  2. Mensagem
  3. Ícone que será inserido a esquerda do texto.
  4. Valor boleano indicando se é uma mensagem de erro, caso seja mensagem de erro a cor da borda do componente será alterada.
  5. Posição da mensagem em relação ao controle.(ToolTipUtil.RIGHT, ToolTipUtil.TOP, ToolTipUtil.BOTTOM)
  6. Tempo de duração da mensagem
PLAIN TEXT
ACTIONSCRIPT3:
  1. ToolTipUtil.createToolTip(txtEmail,"Preencha o E-mail.",iconHelp,true,6000);
  2. //createToolTip(target:UIComponent,msg:String,icon:Class=null,isError:Boolean=false,position:String=BOTTOM,timerHide:Number=5000)

Agora é baixar e fazer suas alterações. Qualquer evolução desta ídeia por favor me enviem.

Downloads:

Projeto Flex com os exemplos acima

Apenas a Classe ToolTipUtil

Abraços.