Pular para o conteúdo
Português
  • Não há sugestões porque o campo de pesquisa está em branco.

Corfix Form Builder: Utilização do componente «Tabela».

Este artigo irá resumir como utilizar o Componente Tabela no Template Builder.

Este componente permite-lhe criar um layout de tabela estruturado no seu formulário, onde poderá, em seguida, inserir outros componentes do formulário nas respetivas células.

Onde o encontrar

No seu Corfix Form Builder, clique num componente de tabela para aceder ao painel de configuração. Irá ver quatro separadores:

  • Exibição 

  • Condicional


1. Separador «Exibição»

O separador «Exibição» controla o layout e a aparência geral do componente «Tabela».

  • Rótulo:

    • Este é o título do seu componente de tabela. Embora seja um campo obrigatório, serve frequentemente mais como um identificador no criador de formulários do que como um rótulo exibido de forma proeminente ao utilizador.

    • Exemplo: «Tabela de itens», «Medidas», «Lista de verificação de equipamento».

  • Número de linhas:

    • Especifica o número inicial de linhas horizontais na sua tabela.

    • Valor predefinido: 3.

  • Número de colunas:

    • Especifica o número inicial de colunas verticais na sua tabela.

    • Valor predefinido: 3.

  • Clonar componentes da linha:

    • Se esta opção estiver marcada, quando adicionar uma nova linha à tabela no formulário, os componentes da linha anterior serão copiados para a nova linha. Isto é útil para conjuntos de campos que se repetem.

  • Alinhamento das células:

    • Controla o alinhamento horizontal predefinido do conteúdo nas células da tabela (por exemplo, Esquerda, Centro, Direita).

    • Predefinição: Esquerda.

  • Classe CSS personalizada:

    • Permite que os utilizadores avançados apliquem estilos personalizados a todo o componente da tabela utilizando classes CSS.

  • Listrado:

    • Se esta opção estiver marcada, as linhas da tabela terão cores de fundo alternadas, o que pode melhorar a legibilidade em tabelas longas.

  • Com bordas:

    • Se esta opção estiver marcada, a tabela terá bordas visíveis à volta das suas células.

  • Hover:

    • Se esta opção estiver marcada, as linhas ficarão realçadas quando o utilizador passar o cursor do rato por cima delas, indicando interatividade.

  • Condensada:

    • Se esta opção estiver marcada, a tabela utilizará menos espaçamento, tornando-a mais compacta.

  • Ocultar rótulo:

    • Se esta opção estiver marcada, o rótulo principal do componente de tabela não será apresentado no formulário.

  • Edição modal:

    • (Os detalhes não estão totalmente visíveis na captura de ecrã, mas, normalmente, referem-se à edição de componentes dentro das células da tabela numa janela modal pop-up).


2. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando todo este componente de tabela (e todos os componentes nele contidos) deve ser exibido ou ocultado, com base nos valores de outros componentes do formulário.

  • Simples:

    • Trata-se normalmente de um botão de alternância ou de um menu suspenso para selecionar entre lógica condicional simples e avançada.

  • Este componente deve «Mostrar»:

    • Escolha se o componente deve «Mostrar» ou «Ocultar» (opções implícitas) com base na condição.

  • Quando o componente do formulário:

    • Selecione outro componente no seu formulário cujo valor irá acionar a condição.

  • Tiver o valor:

    • Especifique o valor exato que o componente do formulário selecionado deve ter para que a condição seja cumprida.

    Exemplo: Pode configurar uma regra para que a tabela «Lista de Equipamentos» só seja apresentada quando a caixa de seleção «Tem equipamento para listar?» estiver marcada.


Janela de pré-visualização

A área de pré-visualização, no lado direito da caixa de diálogo, representa visualmente a estrutura da tabela que está a criar. Mostra a grelha de linhas e colunas, refletindo o «Número de linhas» e o «Número de colunas» que definiu, dando-lhe uma ideia imediata do layout da tabela.


Ações na parte inferior da caixa de diálogo:

  • Guardar: Guarda todas as alterações efetuadas nas definições do Componente Tabela.

  • Cancelar: descarta quaisquer alterações não guardadas e fecha a caixa de diálogo.

  • Remover: Elimina o Componente Tabela e todos os componentes nele colocados do formulário.


Melhores práticas para o componente Tabela:

  • Estruture dados repetitivos: Utilize tabelas para organizar campos quando precisar de recolher o mesmo tipo de informação várias vezes de forma estruturada (por exemplo, uma lista de artigos com quantidade e preço).

  • Defina as linhas e colunas de forma clara: Defina o «Número de linhas» e o «Número de colunas» iniciais com base nas suas necessidades habituais de dados. Os utilizadores podem, frequentemente, adicionar mais linhas posteriormente.

  • Utilize «Clonar Componentes de Linha»: se for recolhido o mesmo conjunto de campos em cada linha, ativar «Clonar Componentes de Linha» poupa tempo na criação da tabela e para o utilizador.

  • Melhore a legibilidade: considere selecionar «Listrado» ou «Com bordas» para uma melhor separação visual dos dados, especialmente em tabelas de maiores dimensões.

  • Exibição condicional por relevância: Mostre ou oculte tabelas inteiras utilizando lógica condicional para tornar os seus formulários dinâmicos e evitar confusão desnecessária.