DClick

Espaços em FormItem


Twitter!

O componente Form é um container para elementos de uma formulário e que fornece vatagens em termos de layout e input de dados, pois fornece um alinhamento e verificação de campos requeridos automaticamente quanto utilizada em conjunta com sua tag filha, a FormItem.

espaco_em_form1.gif
Exemplo contido na documentação da API do Flex espaco_em_form2.gif

Outro dia passei por um problema estranho, quanto configurei a direção do FormItem para horizontal (e coloquei dois elementos dentro), de modo que os elementos contidos do FormItem ficassem lado a lado, não um embaixo do outro, como é o padrão, e esse FormItem ficou com uma estranha margem inferior, diferenciando-o dos demais. A imagem ao lado mostra um rascunho onde é possível observar esse comportamento. Vale notar que esse comportamento estranho não acontece caso, dentro do mesmo FormItem com direção horizontal esteja apenas com um item.

< mx:FormItem label=“Data” direction=“horizontal”>

< /mx:FormItem>

Para verificar o que ocorria, coloquei uma borda no FormItem a fim de observar o seu comportamento de relação às margens. Colocar a borda em um container facilita um bocado para identificar tamanhos, margens e afins.

< mx:FormItem label=“Data” direction=“horizontal” borderStyle=“solid”>
Para minha surpresa, setar a margem inferior para zero (marginBottom=”0″), o que fazia um grande sentido, não provocou nenhum efeito.

espaco_em_form3.gif
Contornei esse estranho comportamento configurando o verticalGap, que define a distância em pixels entre um componente e outro alinhado verticalmente. O mais estranho é que os componentes estão alinhados horizontalmente. Não investiguei esse problema a fundo, mas fica aí a dica para comportamentos fora do comum.

espaco_em_form4.gif

Compartilhe:

  • RSS
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • LinkedIn
  • Google Bookmarks
Por Fabio Terracini em 26/January/2006 | Comentar | Trackback


No Translations

Adicionar comentário

(requerido)
(requerido, não será publicado)