Componentes de layout

Colunas

Você pode usar o componente Colunas para exibir outros componentes em linha, agrupando-os como colunas.

Ao configurar o parâmetro Tamanho , você tem a opção de selecionar a largura de tela desejada para exibir as colunas usando as classes de grade do Inicialização:

• xs - Telefones (menores que 768px)

• sm - tabletes (igual ou maior que 768px)

• md - laptops pequenos (igual ou maior que 992px)

• lg - laptops e desktops (igual ou superior a 1200px)

• xl - monitores grandes (igual ou superior a 1200px)

• Propriedades da coluna - adicione colunas ao componente e configure-as, ajustando suas propriedades de Largura, Deslocamento, Empurrar e Puxar. Após configurar o layout das colunas, você pode arrastar e soltar outros componentes no componente Colunas .
• Colunas de ajuste automático - ajusta automaticamente as colunas, se houver componentes aninhados ocultos.

Painel

Você pode usar o componente Panel para agrupar componentes e adicioná-los dentro de um painel nomeado.

• Tema - escolha o tema do painel na lista suspensa. A classe Bootstrap é adicionada ao wrapper div.
• Recolhível - permite recolher o painel.
• Inicialmente recolhido - a propriedade está disponível somente quando Recolhível está marcado. Recolhe o painel quando o formulário é carregado.

Tabela

Você pode usar o componente Tabela para criar uma tabela que contenha outros componentes de formulário dentro das colunas e linhas da tabela.

• Número de linhas/colunas - insira o número de linhas ou colunas que você deseja que sejam exibidas na tabela.
• Clonar componentes de linha - clona os componentes dentro das linhas e os adiciona nas linhas restantes também. Você pode usá-lo ao criar tabelas com várias linhas, que contêm o mesmo conteúdo.
• Alinhamento da Célula- escolha o alinhamento horizontal das células na tabela.
• Listrado - adiciona sombreamento listrado às linhas.
• Bordered - adiciona bordas visíveis à tabela.
• Passar o mouse - destaca a linha ao passar o mouse sobre ela.
• Condensado - condensa o tamanho da tabela.

Guias

Você pode usar o componente Guias para agrupar componentes em guias. Quando o formulário é renderizado, você pode visualizar uma guia por vez.

A configuração Guias permite adicionar, configurar, reordenar e remover guias.