Texto
- 1 Descrição
- 2 Abas e Campos
- 2.1 1 - Aparência:
- 2.2 2 - Dados:
- 2.3 3 - API:
- 2.4 4 - Validação:
- 2.5 5 - Regras:
- 2.6 6 - Eventos:
Descrição
O componente Texto permite que os usuários insiram qualquer tipo de texto em seus formulários. Ele é ideal para:
Coletar informações como nome, endereço, e-mail, etc.
Criar campos de texto livre para comentários e sugestões
Permitir a digitação de dados em formatos específicos
Abas e Campos
1 - Aparência:
Título: O título que será exibido acima do campo de texto.
Placeholder: Um texto informativo que aparece dentro do campo de texto quando ele está vazio.
Descrição: Uma descrição mais detalhada do que o usuário deve inserir no campo de texto.
Tamanho (porcentagem): Define a largura do campo de texto em porcentagem da largura total do formulário.
Prefixo: Um texto que será exibido antes do valor inserido no campo de texto.
Sufixo: Um texto que será exibido depois do valor inserido no campo de texto.
Tipo de teclado: Define o tipo de teclado que será exibido quando o usuário focar no campo de texto. As opções disponíveis são:
Texto: Exibe um teclado padrão.
Numérico: Exibe um teclado numérico.
Numérico com pontuação: Exibe um teclado numérico com pontuação (vírgula e ponto).
Máscara de campo: Permite definir uma máscara para formatar o valor inserido no campo de texto, como por exemplo, para datas, telefones ou CPFs.
Aparece no DataGrid (booleano): Define se o componente será exibido em um DataGrid.
Aparece no Datalist (booleano): Define se o componente será exibido em um Datalist.
2 - Dados:
Valor padrão: O texto que será preenchido automaticamente no campo de texto quando o formulário for aberto.
3 - API:
Nome da propriedade: O nome da propriedade que será usada para acessar o valor inserido na área de texto no código e que será enviado no json via web-hook.
Nome da propriedade customizada: Permite definir um nome customizado para a propriedade da área de texo.
4 - Validação:
Número mínimo de caracteres: Define o número mínimo de caracteres que o texto deve ter.
Número máximo de caracteres: Define o número máximo de caracteres que o texto pode ter.
Obrigatório (booleano): Define se a inserção de um texto é obrigatória ou não.
Validação condicional: Permite definir regras de validação que dependem do valor de outros campos do formulário.
Mensagem de erro customizada: Permite personalizar a mensagem de erro que é exibida quando a validação falha.
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:
Clique na aba "Regras".
Clique no botão "Adicionar regra".
Selecione o campo do qual você deseja que a regra dependa.
Selecione o operador de comparação (igual a, diferente de, etc.).
Selecione o valor que o campo deve ter para que o componente seja exibido.
Clique no botão "Salvar".
5 - Regras:
Ocultar (booleano): Permite ocultar o componente Botão de Opção com base em regras de validação condicional.
Desabilitar (booleano): Permite desabilitar o componente Botão de Opção 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:
Clique na aba "Regras".
Clique no botão "Adicionar regra".
Selecione o campo do qual você deseja que a regra dependa.
Selecione o operador de comparação (igual a, diferente de, etc.).
Selecione o valor que o campo deve ter para que o componente seja exibido.
Clique no botão "Salvar".
6 - 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