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

Um «Well Component» é, essencialmente, um elemento de disposição utilizado para deslocar visualmente ou circunscrever outros componentes do formulário dentro de uma área distinta, frequentemente recuada ou delimitada por uma moldura.

Onde o encontrar

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

Exibição
Condicional

1. Separador «Exibição»

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

Rótulo:
- Este é o título do componente no criador de formulários. Embora seja um campo obrigatório, serve frequentemente mais como um identificador para si, enquanto criador do formulário, do que como um rótulo visível para o utilizador final, especialmente se selecionar a opção «Ocultar rótulo».
- Exemplo: «Componente do poço», «Caixa de informações do cliente».
Classe CSS personalizada:
- Permite que os utilizadores avançados apliquem estilos personalizados ao componente utilizando classes CSS, proporcionando um maior controlo sobre a sua aparência visual (por exemplo, adicionar uma borda, cor de fundo, preenchimento).
Ocultar Rótulo:
- Se esta opção estiver marcada, o rótulo principal do componente não será apresentado no formulário. Esta opção é normalmente marcada para componentes de layout como «Poço», uma vez que a sua finalidade é o agrupamento visual e não a introdução direta de dados.
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 «Well» (e todos os componentes nele colocados) 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 um campo «Instruções Especiais» (contendo uma área de texto) só seja apresentado quando a caixa de seleção «São necessárias instruções especiais?» 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 «Campo» irá aparecer visualmente no seu formulário. Normalmente, apresenta uma caixa ou uma área ligeiramente sombreada, indicando uma região delimitada onde pode colocar outros campos do formulário. Isto ajuda-o a visualizar como o conteúdo será separado visualmente.

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

Guardar: Guarda todas as alterações efetuadas nas definições do componente «Campo».
Cancelar: descarta quaisquer alterações não guardadas e fecha a caixa de diálogo.
Remover: Elimina o componente «Well» e todos os componentes colocados no seu interior do formulário.

Boas práticas para o componente «Well»:

Separação visual: Utilize um «Well» para separar claramente secções distintas do seu formulário, facilitando aos utilizadores o processamento da informação.
Agrupe campos relacionados: Coloque um grupo lógico de campos dentro de um «Well» para melhorar a organização, à semelhança de um «Panel» ou de um componente de agrupamento, mas frequentemente com um estilo visual mais simples e menos proeminente.
Utilize CSS personalizado para definir o estilo: Uma vez que o componente «Well» é um contentor básico, recorra à «Classe CSS personalizada» para definir a sua aparência (por exemplo, um tom de fundo subtil, uma moldura clara) de modo a corresponder ao design do seu formulário.
Ocultar o rótulo: Normalmente, o «Rótulo» principal do «Well» destina-se à organização interna; oculte-o da interface do utilizador utilizando a caixa de seleção «Ocultar rótulo».
Agrupamento condicional: utilize lógica condicional para mostrar ou ocultar secções inteiras contidas num «Well» com base na entrada do utilizador, simplificando a experiência do formulário.