mobileX
  • Introdução
  • Gestão de Atualizações
    • Política de Release Quadrimestral de Produto
    • Fluxo de Atualização
  • Changelog
    • Versões em Produção
    • Changelog por Componente
      • Microsserviços
        • Gateway
          • 2024
            • 15 de Maio
            • 11 de Janeiro
          • 2023
            • 01 de Dezembro
            • 28 de Novembro
            • 07 de Novembro
            • 22 de Setembro
            • 24 de Agosto
            • 14 de Julho
        • Attendance
          • 2024
          • 2023
            • 18 de Agosto
            • 15 de Agosto
            • 9 de Junho
        • Archive
        • Security
          • 2024
            • 15 de Maio
            • 22 de Fevereiro
            • 11 de Janeiro
          • 2023
            • 11 de Dezembro
            • 01 de Dezembro
            • 07 de Novembro
            • 13 de Setembro
            • 24 de Agosto
            • 11 de Agosto
            • 14 de Julho
        • Integration
        • Messenger
        • CMS
        • Forms
          • 2024
            • 08 de Fevereiro
          • 2023
            • 01 de Dezembro
            • 20 de Outubro
      • Front-end
        • mobileX iOS
          • 2024
          • 2023
            • 22 de Setembro
            • 24 de Agosto
            • 15 de Agosto
            • 9 de Junho
        • mobileX Android
          • 2024
          • 2023
            • 22 de Setembro
            • 15 de Setembro
            • 8 de Setembro
            • 1 de Setembro
            • 14 de Julho
            • 9 de Junho
        • mobileX Portal
          • 2024
            • 20 de Maio
            • 15 de Maio
            • 07 de Fevereiro
          • 2023
            • 14 de Dezembro
            • 01 de Dezembro
            • 28 de Novembro
            • 13 de Setembro
            • 25 de Agosto
            • 18 de Agosto
            • 15 de Agosto
            • 14 de Julho
            • 9 de Junho
      • Manager
        • Front-end Manager
          • 2024
            • 20 de Maio
            • 15 de Maio
            • 20 de Fevereiro
            • 17 de Janeiro
          • 2023
            • 22 de Novembro
            • 13 de Setembro
            • 1 de Setembro
            • 11 de Agosto
            • 28 de Julho
            • 14 de Julho
            • 09 de Junho
        • Front-end agendamento
          • 2024
            • 27 de Fevereiro
          • 2023
            • 18 de Agosto
        • External
        • Gestor de arquivos e banners
          • 2024
          • 2023
            • 13 de Setembro
            • 8 de Setembro
      • Serviços de notificações PUSH
        • Notification
      • Serviços de integração
        • Adapter
        • Connect API
          • 15 de Maio
        • Connect Front
          • 15 de Maio
      • NEO
        • mobileX NEO Documentação
          • 2024
          • 2023
            • 28 de Julho
            • 23 de Junho
            • 9 de Junho
            • 14 de Julho
        • mobileX NEOC
          • 2024
          • 2023
            • 14 de Julho
            • 23 de Junho
        • mobileX NEO Framework
          • 2024
          • 2023
            • 14 de Julho
            • 23 de Junho
    • Changelog por Release
      • 2024
        • Maio
          • 20 de Maio
          • 15 de Maio
        • Fevereiro
          • 27 de Fevereiro
          • 22 de Fevereiro
          • 20 de Fevereiro
          • 08 de Fevereiro
          • 07 de Fevereiro
        • Janeiro
          • 17 de Janeiro
          • 11 de Janeiro
      • 2023
        • Dezembro
          • 14 de Dezembro
          • 11 de Dezembro
          • 01 de Dezembro
        • Novembro
          • 28 de Novembro
          • 22 de Novembro
          • 07 de Novembro
        • Outubro
          • 20 de Outubro
          • 13 de Outubro
        • Setembro
          • 22 de Setembro
          • 15 de Setembro
          • 8 de Setembro
          • 1 de Setembro
        • Agosto
          • 25 de Agosto
          • 18 de Agosto
          • 15 de Agosto
          • 11 de Agosto
        • Julho
          • 28 de Julho
          • 14 de Julho
        • Junho
          • 23 de Junho
          • 9 de Junho
  • mobileX NEO
    • mobileX NEO
    • Build
      • DocType
        • Localização
        • Página Inicial
        • Criação de DocTypes
          • Campos
          • A Atribuir Nome
          • Configurações de Formulário
          • Ver Definições
          • Definições de Email
          • Regras de Permissão
          • Ações
          • Documentos Vinculados
          • Status do Documento
          • Web View
      • Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Adicionar Fluxo de Trabalho
      • Relatórios
        • Localização
        • Página Inicial
        • Adicionar Relatório
      • Workspace
        • Localização
        • Página Inicial
      • Painel de Controle
        • Localização
        • Página Inicial
        • Adicionar Painel de Controle
      • Script do Servidor
        • Localização
        • Página Inicial
        • Adicionar Script de Servidor
      • Script de Cliente
        • Localização
        • Página Inicial
        • Adicionar Script de Cliente
      • Tipo de Trabalho Agendado
        • Localização
      • Pacote
        • Localização
        • Página Inicial
        • Adicionar Pacote
      • Importação de Pacote
        • Localização
        • Página Inicial
        • Adicionar Importação de Pacote
    • Utilizadores
      • Usuários
        • Localização
        • Página Inicial
        • Adicionar Usuário
      • Tipo de Usuário
        • Localização
        • Página Inicial
        • Adicionar Tipo de Usuário
      • Permissões
        • Localização
        • Página Inicial
        • Adicionar Permissão do Utilizador
        • Adicionar/Atualizar e Excluir em Massa
    • Configurações
      • Importar Dados
        • Localização
        • Página Inicial
        • Adicionar Importação de Dados
        • Erros e Avisos
      • Exportar Dados
        • Localização
        • Página de Exportação
      • Atualização em Massa
        • Localização
        • Página Inicial
      • Documentos Excluídos
        • Localização
        • Página Inicial
        • Demonstrativo de Documento Excluído
      • Criar/Editar Formato de Impressão
        • Localização
        • Página de Criação
      • Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Adicionar Fluxo de Trabalho
      • Status do Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Status do Fluxo de Trabalho
    • Site
      • Definições do Portal
        • Localização
      • Formulário Web
        • Localização
        • Página Inicial
        • Adicionar Formulário Web
      • Post do Blog
        • Localização
        • Página Inicial
        • Adicionar Post do Blog
      • Blogueiro
        • Localização
        • Página Inicial
        • Adicionar Blogueiro
      • Categorias do Blog
        • Localização
        • Página Inicial
        • Adicionar Categoria de Blog
      • Página Web
        • Localização
        • Página Inicial
        • Adicionar Página Web
      • Sidebar Site
        • Localização
        • Página Inicial
        • Adicionar Sidebar Site
      • Slideshow Site
        • Localização
        • Página Inicial
        • Adicionar Slideshow Site
      • Rota do Site Meta
        • Localização
        • Página Inicial
        • Adicionar Rota do Site Meta
      • Configurações do Portal
        • Localização
      • Ajuda Categoria
        • Localização
        • Página Inicial
        • Adicionar Ajuda Categoria
      • Ajuda Artigo
        • Localização
        • Página Inicial
        • Adicionar Ajuda Artigo
    • Integrações
      • Configurações do Google
        • Localização
        • Realizar Configuração do Google
      • Contatos do Google
        • Localização
        • Página Inicial
        • Adicionar Contatos do Google
      • Calendário do Google
        • Localização
        • Página Inicial
        • Adicionar Calendário do Google
      • Google Drive
        • Localização
        • Página Inicial
      • Webhook
        • Localização
        • Página Inicial
        • Adicionar Webhook
          • Doc Eventos
          • Gatilho Webhook
          • Pedido Webhook
          • Segurança Webhook
          • Cabeçalhos Webhook
          • Webhook Data
      • URL do Webhook do Slack
        • Localização
        • Página Inicial
        • Adicionar URL do Webhook do Slack
      • Configurações de SMS
        • Localização
        • Página Inicial
    • Customização
      • Painel de Controle
        • Localização
        • Página Inicial
        • Adicionar Painel de Controle
      • Personalizar Formulário
        • Localização
        • Editar Formulário
      • Gráfico do Painel
        • Localização
        • Página Inicial
        • Adicionar Gráfico
          • Contagem
          • Soma
          • Média
          • Agrupar Por
          • Personalizado
          • Relatório
      • Origem do Gráfico do Painel
        • Localização
        • Página Inicial
        • Adicionar Origem do Gráfico do Painel
    • Gestão de Ciclo de Vida da Aplicação mobileX
    • Log de Desenvolvimento
    • API de Relatórios
  • mobileX Front
    • mobileX Front
    • Componentes mobileX Front
      • Apps mobileX Front
        • Apps Virtuais x Apps Customizadas
        • Customizações
          • Menus
            • Menus Estático
            • Menus Dinâmicos
          • Especificações para Customizações
      • Manager mobileX Front
    • Implantação Apps mobileX Front
      • Publicação das Apps
        • Liberando Acesso às Lojas de Aplicativos
        • Publicação Apps iOS
        • Publicação Apps Android
      • Gestão das Lojas de Aplicativos
    • Funcionalidades Nativas
      • Log do usuário
      • Cadastro e Autenticação de Usuário
        • Níveis de Acesso
        • Cadastro e Autenticação mobileX
          • Excluir Conta
        • 2° Fator de Autenticação
        • Autenticação Integrada
        • Autenticação via Serviços Externos
      • Biometria
      • Termo de Uso e Política de Privacidade
      • Pesquisas
      • Mensagens
      • Gestor de Conteúdos
      • Fluxo de Atendimento
      • Formulários Dinâmicos
    • Manager :: Configurando e Operando Apps mobileX
      • Gestão de Perfis e Usuários Manager
      • Configuração de Apps Virtuais
      • Operando as Apps Via Manager mobileX
        • Usuários Aplicações Frontend
        • Construtor de Menus Básicos
        • Fluxos de Atendimento
          • Relatório em Mapa
        • Questionários
        • Envio de Mensagens
        • Gestor de Conteúdo
        • Agendamento
        • Construtor de Formulários Dinâmicos
    • Low Code mobileX Front
      • Linguagem X
      • Actions
        • Actions Básicas
        • Actions Integrações(CMS)
          • Actions CMS
          • Statuscodes de retorno de requisições
          • Paginação em Requisições
        • Actions Atendimento
        • Action Formulários
        • valueToSave
      • Autenticacão de Usuário
        • Autenticacão de Usuário mobileX
        • Autenticação Gov.br
        • Autenticação Microsoft Azure Ad
      • Credenciamento com Sistemas Externos
        • Permissões de Acesso para Execução de Ações no APP
        • Obtendo Tokens de Credenciamento
          • Key (Chave Única de Acesso)
          • Usuário e Senha
          • Customizado - Credenciamento via Ação Configurada
        • Utilizando Credenciamento nas Integrações
        • Aviso de Cookie no Portal
        • Upload de Arquivos (Forms de atendimento/Integração)
      • Estrutura de Telas
        • PageNavigation
        • PageHeader
        • PageSearch
        • PageContent
          • GroupLists
            • Coringa
            • List A
            • List B
            • List C
            • List D
            • Menu A
            • Menu B
            • Menu C
            • Carousel A
            • Carousel B
            • Carousel C
            • Carousel D
          • SectionLists
            • SectionList A
            • SectionList B
          • HistoryList
          • Filelist
          • Simplelist
          • PageFooter
        • Template de Mensagens
        • Template de Credenciamento
      • Fontes mobileX
      • Sombra, Borda e Contorno
      • Outras Funcionalidades
        • Galeria de Vídeos
        • Cartões Virtuais
        • Pesquisa Geolocalizada
        • Política de Privacidade e Termos de Uso por Endpoint
        • Carrossel de Banner com Gestor de Arquivos
    • APIs mobileX
  • mobileX Connect
    • mobileX Connect
    • Gestão de Clientes, Aplicações Customizadas e Endpoints
    • Conexão com Componentes mobileX e Sistemas Externos
    • Configuração e Conexão com Componentes mobileX NEO
    • Debug
    • Log de Erros
  • mobileX Gen AI
    • mobileX Gen AI
  • mobileX Code-Flow
    • mobileX Code-Flow
    • Funcionalidades mobileX Code-Flow
  • Infraestrutura e Segurança
    • Infraestrutura e Segurança
    • Políticas
      • Política de Segurança da Informação
      • Política de Testes de Segurança de Informação
      • Política de Controle de Backup
      • Política de Tratamento de Incidente de Segurança
      • Política de Controle de Acesso e Gestão de Usuários da Plataforma mobileX
      • Política de Gestão de Ativos
    • Requisitos Mínimos mobileX
    • Sustentabilidade
    • Privacidade e LGPD
      • DPO (Data Protection Officer)
      • Papéis LGPD
    • Gestão de Risco Cibernético
  • Hospedagem
    • Componentes da Plataforma
    • Modelos de Hospedagem
    • Modelos de Deploy mobileX
    • Configuração Mínima Hospedagem Enterprise
    • Configuração Mínima Data Adapter
  • Atendimento e Suporte
    • Livro de Serviços da MTM
    • Manual do GLPI
    • Manual do Manager mobileX
    • Comunicados mobileX
      • #001-12_2023 - Instruções para Prorrogação de Prazo em Loja Google
      • #002-12_2023 - Instruções para Validação da Conta de Programador na Play Console
Powered by GitBook
On this page
  • Configurações gerais dos formulários
  • Componentes e suas configurações
  • Agrupando os componentes em páginas
  1. mobileX Front
  2. Funcionalidades Nativas

Formulários Dinâmicos

Permite a renderização de formulários de registro de dados nas apps mobileX.

As apps mobileX possuem uma engrenagem de renderização de formulários de coleta de dados com suporte uma extensa lista de controles e configurações genéricas e específicas dos mesmos.

Os formulários nas apps mobileX são utilizados por uma série de funcionalidades:

  • Fluxos de Atendimento: permite a configuração de formulários que são utilizados nos fluxos de atendimento.

  • Questionários: permite a configuração de questionários de coleta de dados utilizados para pesquisas e coleta de informações nas apps mobileX.

  • Forms de Coleta: permite configurar formulários de coleta de dados que são armazenados no banco de dados do mobileX.

  • Forms de Integração: permite a configuração de formulários de integração que podem ser utilizados em diferentes áreas da aplicação (ex. formulário de pesquisa de uma listagem, formulário de coleta de informações para armazenamento de informações em um sistema de retaguarda, etc.).

Os formulários dinâmicos podem ser configurados através de uma área específica no Managerdentro da app na qual o formulário será utilizado. Para mais informações acesse a seção Construtor de Formulários Dinâmicos.

Assim como toda a aplicação frontend mobileX, os formulários são construídos dinamicamente nas apps utilizando componentes nativos de cada plataforma. Isso quer dizer que uma alteração em um formulário é automaticamente reproduzida na app assim que o formulário é salvo.

Configurações gerais dos formulários

Os formulários possuem uma série de configurações gerais que podem ser feitas.

  • Categoria do formulário: indica o agrupamento ao qual o formulário está submetido dentro da funcionalidade na qual o mesmo é utilizado.

  • Nome do formulário: nome atribuído ao formulário.

  • Identificador único: identificador utilizado para referenciar o formulário durante a programação de fluxos de tela.

  • Nome do formulário reduzido: nome abreviado utilizado em algumas áreas da app.

  • Descrição do formulário: breve descrição do objetivo do formulário.

  • Mensagem exibida para o usuário após o envio com sucesso: mensagem que a app irá exibir quando o envio do formulário for enviado.

  • Botão de confirmação (Texto do botão): label do botão que o usuário pressiona para enviar o formulário.

  • Situação: indica se o formulário está disponível para ser utilizado na app ou não. Para disponibilizar o formulário a situação deve estar como Publicado.

  • Nível de permissão: indica a permissão necessária para acessar o formulário com base nas Permissões de Acesso para Execução de Ações no APP.

  • Exibir a tela para revisão dos dados preenchidos antes do envio do formulário: exibe uma tela com o resumo das informações preenchidas antes de enviar.

  • Exibir a barra de indicação dos passos no cabeçalho do formulário: exibe uma barra de progresso indicando o número de páginas no formulário.

  • Utilizar captcha para validação do usuário: Implementa um CAPTCHA no formulário de forma a reduzir a chance de envio do formulário via um robô.

  • Permitir localização automática: realiza a coleta automática da localização do usuário sem a necessidade de adicionar um campo de localização (usuário deverá ter dado permissão para a app pegar a sua localização).

  • Salvar Rascunho (Permite salvar parcialmente): permite salvar o formulário parcialmente para ser finalizado em outro momento. Disponível apenas no módulo de atendimento.

Componentes e suas configurações

Todos os componentes renderizados são nativos de cada plataforma permitindo garantindo com isso a melhor experiência para o usuário final e compatibilidade com uma maior variedade de dispositivos móveis.

O renderizador de formulários das apps mobileX suportam uma série de componentes que podem ser configurados para apoiar na coleta de dados.

  • Texto livre: permite o registro de um texto livre. Pode ser configurado para

    • Tipo: permite indicar o tipo de texto esperado (CEP, CPF, E-mail, Nome próprio, Senha, Telefone e CNPJ).

  • Título: Texto fixo que é exibido no formulário. Pode ser utilizado para indicar instrução ou adicionar uma constante invisível que deve ser passada no formulário.

  • Seleção simples: permite a listagem de opções para que o usuário selecione apenas uma opção.

    • Tipo: permite configurar o formato do componente pode ser Slider, Lista, Button, Calendário, Sim/Não e Lista com Paginação.

    • Editar lista de itens: permite configurar os itens da lista. Os itens podem ser fixos ou carregados a partir de uma integração. É preciso definir o texto que é exibido e o valor associado ao mesmo (acessível via código e via interface dos vários módulos). Se for utilizado uma lista por conexão é necessário configurar a lista nos mapeamentos da aplicação.

  • Seleção múltipla: permite a listagem de opções podendo o usuário da app selecionar várias opções.

    • Tipo: siporte a opçãp de Button, Checkbox e Lista com Paginação.

    • Editar lista de itens: permite configurar os itens da lista. Os itens podem ser fixos ou carregados a partir de uma integração. É preciso definir o texto que é exibido e o valor associado ao mesmo (acessível via código e via interface dos vários módulos). Se for utilizado uma lista por conexão é necessário configurar a lista nos mapeamentos da aplicação.

  • NPS (disponívels para a funcionalidade de questionários apenas): permite configurar um controle que coleta uma informação de 0 a 10 e calcula o NPS (net promote score).

    • Tipo: permite a configuração do tipo de controle podendo ser Radio ou Slider.

  • Data: permite o registro de uma data.

    • Data mínima: permite definir a data mínima que deve ser aceita pela aplicação. Pode ser uma data específica ou uma data relativa a data do dia (+ ou - dias de acordo com a data do dia).

    • Data máxima: permite definir a data máxima que deve ser aceita pela aplicação. Pode ser uma data específica ou uma data relativa a data do dia (+ ou - dias de acordo com a data do dia).

  • Hora: permite o registro de uma hora.

  • Numérico: permite o registro de um valor numérico.

    • Tipo numérico: permite definir se o componente aceita apenas números inteiros ou números decimais.

    • Mínimo: define o valor mínimo que o componente deve aceitar. Aceitará qualquer número se mantido em branco.

    • Máximo: define o valor máximo que o componente deve aceitar. Aceitará qualquer número se mantido em branco.

  • Localização: coleta a localização utilizando o GPS dos dispositivos móveis Android e iOS ou o módulo de localização do browser (em todos os casos o usuário deverá autorizar a coleta da informação).

    • Tipo de seleção: permite indicar se o componente irá pegar a localização automaticamente ou caberá ao usuário coletar de forma manual.

    • Habilitar sugestão ao digitar: permite que o usuário registre parte do endereço e a engrenagem do Google Maps irá complementar o mesmo. Necessário que o cliente forneça a chave do Google Maps gerando custo extra.

    • Habilitar seleção em mapa: permite que o usuário selecione no mapa a localização desejada. Pode necessitar a chage do Google Maps gerando custo extra.

  • Imagem: permite cadastrar uma foto (será necessário conceder permissão para acessar a câmera).

    • Origem: permite definir a origem da foto (todos, câmera apenas, galeria de fotos do aplicativo apenas ou galeria de fotos do dispositivo apenas).

  • Áudio: permite o registro de um áudio utilizando o microfone do dispositivo (será necessário conceder permissão para acessar o microfone).

    • Duração máxima (min): duração máxima permitida do áudio em minutos.

  • Assinatura: permite a coleta de uma assinatura.

  • Código de barras: permite a leitura de um código de barras.

    • Tipo: tipo do código de barras suportado (código de barras ou QR Code).

    • Permitir alteração do valor: indica se o valor lido do código de barras poderá ou não ser alterado pelo usuário.

    • Origem: permite definir a origem do código de barras (câmera apenas ou galeria de fotos do dispositivo apenas).

    • Tipo de câmera: se a câmera a ser utilizada será a fronta ou a traseira.

  • Desenho livre: permite o desenho um canvas exibido na aplicação.

  • Campo oculto: permite a configuração de um campo que não é exibido para o usuário. Pode ser utilizado para passar um parâmetro para outra tela.

  • Arquivo: permite o envio de arquivos.

    • Tamanho máximo (bytes): permite a configuração do tamanho máximo do arquivo em bytes.

    • Extensões permitidas: extensões dos arquivos permitidas.

  • Grupo de repetição: permite agrupar componentes em subformulários que podem ser registrados múltiplas vezes. Esse componente é ideal quando se precisa criar um formulário que se registre multiplas vezes um conjunto de componentes.

Configurações genéricas

Algumas das configurações dos componentes são genéricas por isso foram agrupadas nesta seção.

  • Identificador: utilizado para identificar o componente. Utilizado na programação de uma tela para referencia o componente específico. Deve ser único em toda aplicação entre todos os formulários. Valor do campo preenchido automaticamente caso o usuário não queira preencher.

  • Repetição mínima: quantidade mínima de respostas que devem ser envidas. Se não for configurado será considerado o valor como sendo 01.

  • Repetição máxima: quantidade máxima de respostas que devem ser envidas. Se não for configurado será considerado o valor como sendo 01.

  • Reposta inicial: compreende valor padrão que será utilizado.

  • Dica do texto (placeholder): Texto que é exibido no componente enquanto o mesmo não é preenchido pelo usuário.

  • Utilizar por conexão: permite que o campo seja preenchido a partir de uma conexão com uma API.

  • Visibilidade (plataforma): define em quais plataformas o componente será exibido.

  • Visível: define quando o campo deve ser exibido ou mostrado no formulário. Pode ser configurado para aparecer sempre ou associado a uma resposta de outro campo, por exemplo.

  • Somente leitura: define se o campo pode ter o valor alterado sempre, com base em alguma condição específica ou se o valor não pode ser alterado. Por exemplo, o campo pode ter uma resposta inicial definida e se algum outro campo do formulário tiver determinada resposta, o campo é habilitado para edição.

  • Obrigatório: define se o formulário só pode ser enviado com esse campo preenchido. A obrigatoriedade do campo pode ser definida como sempre, como nunca, ou baseada em alguma condição.

  • Validação: permite definir regras de validação do campo.

As configurações de regras como visibilidade, obrigatoriedade, somente leitura e validação podem conter regras simples com base no valor de um outro controle ou compostas com base em uma série de regras (ex. combinação de valores de múltiplos campos).

Agrupando os componentes em páginas

É possível agrupar os componentes dos formulários em páginas de forma a melhorar a experiência do usuário. Cada página pode conter, por exemplo, um conjunto de componentes focados em coletar um determinado tipo de informação. A ilustração abaixo demonstra a configuração de páginas e como ela é representada no app mobileX.

PreviousFluxo de AtendimentoNextManager :: Configurando e Operando Apps mobileX

Last updated 1 year ago

Configuração de regras de visibilidade, validação, somente leitura e obrigatoriedade.
Agrupando componentes dos formulários em páginas.