Arquivo

Owned by Ranniêr Reis
Last updated: mai. 20, 2024
3 min read

Descrição

O componente Arquivo permite que os usuários enviem arquivos para o seu formulário. Ele é ideal para coletar:

  • Documentos

  • Imagens

  • Vídeos

  • Áudios

Abas e Campos

1 - Aparência:

image-20240305-173534.png

  • Título: O título que será exibido acima do componente Arquivo.

  • Descrição: Uma descrição mais detalhada do tipo de arquivo que deve ser enviado.

  • Tamanho (porcentagem): Define a largura do componente Arquivo em porcentagem da largura total do formulário.

2 - API:

image-20240305-173641.png

  • Nome da propriedade: O nome da propriedade que será usada para acessar o arquivo enviado no código.

3 - Validação:

A Obrigatoriedade de um componente não deixa de ser válida caso o mesmo venha a ser ocultado, se faz necessário criar uma regra para caso o mesmo não venha a ser exibido a obrigatoriedade venha a ser por condicionalidade.

  • Tipos aceitos: Define quais tipos de arquivos são aceitos (ex: PDF, JPEG, etc.).

  • Número mínimo: Define o número mínimo de arquivos que devem ser enviados.

  • Número máximo: Define o número máximo de arquivos que podem ser enviados.

  • Tamanho máximo (em megabytes): Define o tamanho máximo de cada arquivo que pode ser enviado.

  • Obrigatório (sim ou não): Define se o envio de arquivos é obrigatório ou não.

  • Mensagem de erro customizada: Permite personalizar a mensagem de erro que é exibida quando a validação falha.

4 - Regras:

  • Ocultar e desabilitar: Permite ocultar ou desabilitar a área de texto com base em regras de validação condicional.

Regras de Campos Condicionais:

As regras de campos condicionais permitem que você oculte ou desabilite o componente Arquivo com base no valor de outros campos do formulário.

Exemplo:

  • Se o usuário selecionar a opção "Sim" no campo "Você possui um currículo?", o componente Arquivo será exibido.

  • Se o usuário selecionar a opção "Não" no campo "Você possui um currículo?", o componente Arquivo será ocultado.

Para criar uma regra de campo condicional:

  1. Clique na aba "Regras".

  2. Clique no botão "Adicionar regra".

  3. Selecione o campo do qual você deseja que a regra dependa.

  4. Selecione o operador de comparação (igual a, diferente de, etc.).

  5. Selecione o valor que o campo deve ter para que o componente Arquivo seja exibido.

  6. Clique no botão "Salvar".

5 - Eventos:

Utilize o exemplo de API utilitário que possuímos para entender o funcionamento clique aqui

  • Possui evento (sim ou não): Define se a área de texto dispara eventos quando o usuário interage com ela.

  • URL: Define a URL para a qual os dados da área de texto serão enviados quando um evento for disparado.

  • Dados para requisição: Define os dados que serão enviados junto com a requisição para a URL.

  • Trigger: Define o evento que dispara a ação.

 

Mobile Saúde - Mosia Omnichannel