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

1. Separador «Exibição»

O separador «Exibição» controla a aparência e a identificação do componente de painel.

• Título:

  • Este é o título em destaque apresentado na parte superior do painel no formulário propriamente dito. Trata-se de um elemento fundamental para a organização do seu formulário.

  • Exemplo: «Dados do Candidato», «Âmbito do Projeto», «Lista de Verificação de Segurança».

• Cor:

  • Permite-lhe selecionar um esquema de cores predefinido para o painel, o que pode ajudar a diferenciar visualmente as secções.

  • Predefinição: Predefinição.

• Dica de ferramenta:

  • Texto que aparece quando o utilizador passa o cursor do rato sobre o título do painel. Útil para fornecer ajuda rápida ou contexto para toda a secção.

• Classe CSS personalizada:

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

• Expansível:

  • Se esta opção estiver marcada, o painel pode ser expandido ou recolhido pelo utilizador, permitindo-lhe ocultar ou mostrar o seu conteúdo. Isto é útil para formulários longos ou secções opcionais.

• Ocultar rótulo:

  • Esta opção é normalmente menos relevante para painéis, uma vez que o seu identificador principal é o «Título». Se marcada, ocultaria um rótulo genérico «Painel», mas não o «Título».

• Edição modal:

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

2. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras para determinar quando todo este componente de painel (e todos os componentes nele contidos) deve ser apresentado 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 o painel «Informações de contacto de emergência» só seja apresentado quando a caixa de seleção «Tem um contacto de emergência?» estiver marcada.

Janela de pré-visualização

A área de pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como o «Painel» irá aparecer visualmente no seu formulário. Apresenta uma caixa retangular com um «Título» na parte superior, representando a área onde outros componentes do formulário seriam colocados. Isto ajuda-o a visualizar como o conteúdo será organizado dentro do painel.

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

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

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

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

Boas práticas para o componente «Painel»:

• Utilize um título claro: Atribua sempre ao seu painel um «Título» descritivo (por exemplo, «Informações pessoais», «Detalhes profissionais») para agrupar os campos de forma lógica.

• Melhore a legibilidade: utilize painéis para dividir formulários longos em secções mais fáceis de gerir e visualmente distintas.

• Torne-o recolhível para secções opcionais/longas: Se uma secção contiver muitos campos ou não for sempre relevante, tornar o painel «recolhível» melhora a concisão do formulário.

• Aplique lógica condicional: Mostre ou oculte painéis inteiros com base nas entradas do utilizador, criando formulários dinâmicos que se adaptam a situações específicas.

• Considere a utilização da cor para diferenciação: utilize a «Cor» para distinguir visualmente entre diferentes tipos de painéis ou para destacar secções críticas, mas utilize-a com moderação para manter um design simples e organizado.