Voltar para a página Gerador de interface
Voltar para Layout de tela

Personalizando posição e tamanho dos campos

A tela da interface é montada por linhas, e utilizando estas linhas definimos como os campos serão apresentados em tela.
Por padrão todos os campos de tela são adicionados em uma linha diferente, ocupando ela 100%.
Com a imagem abaixo podemos ver como funciona as linhas da interface. As linhas são ordenadas conforme a tela de Layout de tela.

Tela de Layout de Tela Tela da interface

É possível adicionar mais de um campo em uma linha, porém deve-se alterar o do tamanho do campo.
Os campos de uma linha devem respeitar o tamanho total da linha. Se temos apenas um campo em uma linha ele pode ocupar 100% da mesma, porém se temos dois campos temos que dividir este tamanho, exemplo: Campo Nome com tamanho 80% e campo Código com 20%.

Para mover um campo para outra linha basta arrasta-lo até a linha desejada.
Depois de mover para linha, verifique se os tamanhos dos campos estão respeitando o limite da linha.
Ao mover o campo para outra linha, a linha anterior fica sem campos mas não interfere na interface pois após gravar as linhas sem campos são excluídas.
Uma linha pode ter o quanto de campos de precisar, porém a soma do tamanho de todos campos pode ter menos 100%, mas não pode ultrapassar 100%.

Movendo um campo para outra linha

1º Campo da 2ª Linha 2º Campo da 2ª Linha

Resultado de como ficou a tela


Voltar para a página Gerador de interface
Voltar para Layout de tela

  • (edição externa)