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

Adicionando agrupador de campos

Ao clicar em Linha é possível adicionar um agrupador de campos, utilizando: Abas, Fieldset e Accordion.
Depois de clicar em Linha, no barra superior utilize a opção “Adicionar agrupador”.

Existem 3 tipos de agrupadores de campo:

  • Conjunto de abas
  • Fieldset
  • Accordion

Conjunto de abas

Ao selecionar o Conjunto de abas será adicionado o “Agrupador de abas” na linha.
E por padrão é adicionado uma aba, e dentro desta aba adiciona uma linha.
Ao selecionar “agrupador de abas” é possível atribuir um tamanho e adicionar uma aba.

Ao selecionar “Aba” é possível definir um nome para a aba, e adicionar novas linhas.
A regra de linhas da aba segue a mesma da interface, os campos da linha podem totalizar até 100% de tamanho.

Após ter adicionado todas as abas desejadas, arraste os campos para linhas dentro das abas. Os campos devem respeitar o limite de tamanho da linha. Após colocar os campos desejados, basta executar a interface.

Tela de Layout de Tela Tela da interface

Voltar para Agrupadores.

Fieldset

Ao selecionar o Conjunto de abas será adicionado o “Fieldset” na linha.
E por padrão é adicionado uma linha no Fieldset.
Ao selecionar “Fieldset” é possível atribuir um tamanho e título.

Após adicionar as linhas basta arrastar os campos desejados.
Os campos devem respeitar o limite de tamanho da linha.
Após colocar os campos desejados, basta executar a interface.

Tela de Layout de Tela Tela da interface

Voltar para Agrupadores.

Accordion

Ao selecionar o Accordion será adicionado o “Accordion” na linha.
E por padrão é adicionado uma aba, e dentro desta aba adiciona uma linha.
Ao selecionar “accordion” é possível atribuir um tamanho e adicionar uma aba. E ao selecionar “Aba” é possível definir um nome para a aba, e adicionar novas linhas.
A regra de linhas da aba segue a mesma da interface, os campos da linha podem totalizar até 100% de tamanho.

Após ter adicionado todas as abas desejadas, arraste os campos para as linhas. Os campos devem respeitar o limite de tamanho da linha. Após colocar os campos desejados, basta executar a interface.

Tela de Layout de Tela Tela da interface


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

  • (edição externa)