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

1. Separador «Exibição»

O separador «Exibição» controla a forma como o Componente de Fotografia é apresentado ao utilizador.

• Rótulo:

  • Este é o título visível do seu campo de carregamento de fotografias que os utilizadores irão ver. É um campo obrigatório.

  • Exemplo: «Carregar fotografias», «Imagens do site», «Fotografias de prova».

• Posição do rótulo:

  • Determina onde o rótulo é apresentado em relação à área de carregamento (por exemplo, em cima, à esquerda, à direita, em baixo).

  • Predefinição: Topo.

• Descrição:

  • Fornece texto explicativo adicional para o componente, normalmente apresentado abaixo do rótulo.

  • Exemplo: «Por favor, carregue fotografias do equipamento danificado.»

• Dica de ferramenta:

  • Texto que aparece quando o utilizador passa o cursor do rato sobre o componente. Útil para fornecer ajuda rápida ou contexto.

• Classe CSS personalizada:

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

• Ocultar etiqueta:

  • Se esta opção estiver marcada, o rótulo do componente não será apresentado.

• Edição modal:

  • (Os detalhes não estão totalmente visíveis na captura de ecrã, mas, normalmente, dizem respeito às opções de edição de fotografias carregadas num modal pop-up).

2. Separador «Ficheiro»

O separador «Ficheiro» oferece definições específicas sobre a forma como as fotografias são tratadas, incluindo a integração da câmara web.

• Ativar câmara web:

  • Se marcada, permite aos utilizadores capturar fotografias diretamente através da webcam ou da câmara do seu dispositivo, em vez de se limitarem a carregar ficheiros existentes.

• Largura da câmara web:

  • Define a largura (em píxeis) da imagem ao vivo da webcam apresentada durante a captura.

• Tamanho de exibição da imagem:

  • Define a largura ou altura máxima (em píxeis) para a forma como a imagem carregada é apresentada no formulário após o carregamento. Trata-se de uma definição para efeitos de visualização, não do tamanho do ficheiro original.

• Tamanho da imagem em píxeis:

  • Define a dimensão máxima pretendida (em píxeis) para a resolução da imagem carregada. Isto ajuda a controlar o tamanho do ficheiro da imagem armazenada.

3. Separador «Dados»

O separador «Dados» gere a forma como os dados das fotografias carregadas são tratados.

• Valores múltiplos:

  • Se marcada, permite ao utilizador carregar mais do que uma fotografia neste componente. Isto é útil para capturar vários ângulos ou momentos.

4. Separador «Validação»

O separador «Validação» define as regras para o campo de carregamento de fotografias.

• Obrigatório:

  • Se esta opção estiver marcada, o utilizador deve carregar pelo menos uma fotografia antes de enviar o formulário.

5. Separador «Condicional»

O separador «Condicional» permite-lhe definir regras que determinam quando este Componente de Fotografia 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 a lógica condicional simples e a 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 componente «Carregar fotografias do incidente» só seja apresentado quando a caixa de seleção «Ocorreu um incidente?» estiver marcada.

Painel de Pré-visualização

O Painel de Pré-visualização, no lado direito da caixa de diálogo, mostra-lhe como o campo «Carregar» para fotografias irá aparecer visualmente no seu formulário. Apresenta a área de arrastar e largar e a ligação «Procurar», proporcionando-lhe uma perceção em tempo real da interação do utilizador.

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

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

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

• Remover: Elimina o Componente de Fotografia do formulário.

Boas práticas para o Componente de Foto:

• Limpar Rótulo e Descrição: Utilize um rótulo simples (por exemplo, «Fotografias do local») e uma descrição para orientar os utilizadores sobre os tipos de imagens a carregar.

• Ativar a câmara web para utilização no terreno: Se os formulários forem frequentemente preenchidos no local, ative a opção «Câmara web» para uma captura rápida e direta de fotografias.

• Permitir várias fotografias: Para a maioria dos cenários que exigem documentação visual, marque «Vários valores» para que os utilizadores possam carregar todas as imagens necessárias.

• Defina o tamanho em píxeis da imagem: Controle o «Tamanho em píxeis da imagem» para equilibrar a qualidade da imagem com o tamanho do ficheiro, otimizando o armazenamento e os tempos de carregamento, especialmente para utilizadores móveis.

• Utilize a exibição condicional: Apresente o campo de envio de fotografias apenas quando for logicamente necessário (por exemplo, mostre «Enviar fotografias dos danos» apenas se a opção «Danos detetados» estiver marcada).