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

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

Este artigo irá resumir como utilizar o Componente «Colunas» no Template Builder.

Este componente é utilizado para dispor outros componentes do formulário lado a lado num layout em colunas, ajudando a organizar visualmente o seu formulário.

Onde o encontrar

No seu Corfix Form Builder, clique num componente «Colunas» 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 «Colunas».

  • Rótulo:

    • Este é o título da sua secção de colunas. 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: «Colunas», «Disposição em duas colunas», «Campos de morada».

  • Propriedades das colunas:

    • Esta secção permite-lhe definir a largura de cada coluna individual que pretende criar. O Corfix utiliza provavelmente um sistema de grelha de 12 unidades (comum no design web), em que a soma das larguras das colunas deve, normalmente, totalizar 12 para uma linha completa.

      • Largura: A largura numérica atribuída a cada coluna.

      • Adicionar coluna: Clique neste botão para adicionar outra coluna ao seu layout.

  • Classe CSS personalizada:

    • Permite que utilizadores avançados apliquem estilos personalizados ao componente utilizando classes CSS.

  • Ocultar Rótulo:

    • Se esta opção estiver marcada, o rótulo do componente não será apresentado no formulário. Esta opção é frequentemente marcada para componentes de layout, uma vez que a sua finalidade é a organização visual.

  • Edição modal:

    • (Os detalhes não estão totalmente visíveis na captura de ecrã, mas, normalmente, está relacionado com a edição numa janela modal pop-up).

2. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando todo este Componente de Colunas (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 secção «Informações de contacto em duas colunas» só seja apresentada quando a caixa de seleção «Exigir contacto adicional» estiver marcada.

Painel de Pré-visualização

O painel de pré-visualização, no lado direito da caixa de diálogo, representa visualmente o layout de colunas que está a criar. Mostra a divisão horizontal do espaço em colunas, refletindo as definições de «Largura» que aplicar. Outros componentes que posteriormente arrastar e soltar nestas colunas aparecerão então dentro desta estrutura.

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

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

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

  • Remover: Elimina o Componente Colunas e todos os componentes colocados no seu interior do formulário.

Boas práticas para o componente «Colunas»:

  • Utilize para organização visual: Utilize colunas para agrupar campos relacionados lado a lado e tornar os seus formulários mais curtos e fáceis de ler.

  • Procure atingir uma largura total de 12 unidades: Para uma única linha completa, certifique-se de que a soma das «Larguras» das suas colunas totalize 12 (por exemplo, duas colunas de 6, três colunas de 4).

  • Oculte o rótulo: No caso das colunas, oculte normalmente o «Rótulo» do componente, uma vez que o seu objetivo principal é o layout e não a introdução de dados.

  • Mantenha os campos relacionados juntos: Coloque campos logicamente relacionados (como nome próprio e apelido, ou cidade e código postal) em colunas adjacentes.

  • Agrupamento condicional: Utilize as definições «Condicionais» para mostrar/ocultar secções inteiras do formulário que estejam dispostas em colunas, tornando os formulários dinâmicos mais organizados.