terça-feira, 25 de outubro de 2011

FormItemClassicSkin

O FormItem quando usado com validadores irá informar visualmente quando a informação não for válida. 

Não sei quanto a vocês mas gosto mais da forma de apresentação de erros do FormItem do MX, o do Spark acaba usando mais espaço do formulário e o do MX considero mais "elegante" por não ser tão chamativo quanto o do Spark.

Alterando o FormItemSkin original consegui criar um com os mesmos comportamentos visuais do MX. Umas coisas que me chamaram a atenção no skin original:

  • O skin part indicatorDisplay tem um toolTip fixo com a palavra Required, não sei porque o Flex Team não fez internacionalização (I18N).
  • O skin part contentGroup marcando os styles showErrorTip e showErrorSkin para true mostra a borda vermelha com o toolTip da mensagem de erro.
  • Deixei também a possibilidade de usar o indicador de requirido atual ou o tradicional asterisco vermelho. Para aplicar o skin e o indicador é só usar o css abaixo, o que chama atenção aqui é se forem invertidas as linhas o indicador não é aplicado.
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|FormItem 
{
requiredIndicatorSource: Embed(source="Assets.swf",symbol="mx.containers.FormItem.Required");
skinClass: ClassReference("skins.FormItemClassicSkin")
}
O fonte do skin pode ser baixado aqui: FormItemClassicSkin.mxml.

Nenhum comentário:

Postar um comentário