Show Menu
TÓPICOS×

Criação de um formulário adaptável

Criar um formulário adaptável

Siga estas etapas para criar um formulário adaptável.
  1. Acessar a instância do autor do AEM Forms em https://'[server]:[port]'/<custom-context-if-any>.
  2. Digite suas credenciais na página de login AEM.
    Depois de fazer logon, no canto superior esquerdo, toque em Adobe Experience Manager > Forms > Forms e Documentos .
    Para uma instalação padrão, o login é feito admin e a senha é admin .
  3. Toque em Criar e selecione Formulário ​adaptável.
  4. Uma opção para selecionar um modelo é exibida. Para obter mais informações sobre modelos, consulte Modelos de formulário adaptáveis. Toque em um modelo para selecioná-lo e toque em Próximo.
  5. Uma opção para "Adicionar propriedades" é exibida. Especifique os valores para os seguintes campos de propriedade. Os campos Título e Nome são obrigatórios:
    • Título: Especifica o nome de exibição do formulário. O título ajuda a identificar o formulário na interface do usuário do AEM Forms.
    • Nome: Especifica o nome do formulário. Um nó com o nome especificado é criado no repositório. À medida que você digita um título, o valor do campo de nome é gerado automaticamente. Você pode alterar o valor sugerido. O campo de nome pode incluir somente caracteres alfanuméricos, hífens e sublinhados. Todas as entradas inválidas são substituídas por um hífen.
    • Descrição: Especifica as informações detalhadas sobre o formulário.
    • Tags: Especifica tags para identificar exclusivamente o formulário adaptável. As tags ajudam na pesquisa do formulário. Para criar tags, digite novos nomes de tags na caixa Tags .
  6. É possível criar um formulário adaptável com base em um dos seguintes modelos de formulário:
    É possível configurá-los na guia Modelo de formulário na página Adicionar propriedades . Por padrão, o modelo de formulário selecionado é Nenhum .
  7. Toque em Criar . Um formulário adaptável é criado e uma caixa de diálogo para abrir o formulário para edição é exibida.
    Depois de terminar de especificar todas as propriedades, clique em Criar . Um formulário adaptável é criado e uma caixa de diálogo para abrir o formulário para edição é exibida.
    Depois de terminar de especificar todas as propriedades, clique em Criar . Um formulário adaptável é criado e uma caixa de diálogo para abrir o formulário para edição é exibida.
  8. Toque em Abrir para abrir o formulário recém-criado em uma nova guia. O formulário é aberto para edição e exibe o conteúdo disponível no modelo. Ela também exibe a barra lateral para personalizar o formulário recém-criado de acordo com as necessidades.
    Com base no tipo de formulário adaptável, os elementos de formulário presentes no modelo de formulário XFA, no schema XML ou no schema JSON associados são exibidos na guia Objetos do Modelo de dados do Navegador de conteúdo na barra lateral. Você também pode arrastar e soltar esses elementos para criar seu formulário adaptável.
    Para obter informações sobre a interface adaptativa de criação de formulários e os componentes disponíveis, consulte Introdução à criação de formulários adaptáveis.
    Permita que as janelas pop-up do seu navegador abram o formulário recém-criado em uma nova guia.

Criar um formulário adaptável com base em um modelo de dados de formulário

A integração de dados da AEM Forms permite integrar várias fontes de dados e unir suas entidades e serviços para criar um modelo de dados de formulário. É uma extensão do schema JSON. É possível usar um modelo de dados de formulário para criar um formulário adaptável. As entidades ou objetos de modelo de dados configurados em um modelo de dados de formulário estão disponíveis como objetos de modelo de dados para a criação de formulário. Estão vinculados às respectivas fontes de dados e são usados para pré-preencher um formulário e gravar os dados enviados de volta nas respectivas fontes de dados. Também é possível invocar serviços configurados em um modelo de dados de formulário usando regras de formulário adaptáveis.
Para usar um modelo de dados de formulário para criar um formulário adaptável:
  1. Na guia Modelo de formulário na tela Adicionar propriedades, selecione Modelo de dados de formulário na lista suspensa Selecionar .
  2. Toque em para expandir Selecionar modelo de dados do formulário. Todos os modelos de dados de formulário disponíveis são listados.
    Selecione um a partir do modelo de dados.
Também é possível alterar o modelo de dados de formulário para um formulário adaptável. Para obter etapas detalhadas, consulte Editar propriedades do modelo de formulário de um formulário adaptável.

Criar um formulário adaptável com base em um modelo de formulário XFA

Você pode reaproveitar os modelos de formulário XFA para criar formulários adaptáveis. Para redefinir a finalidade, carregue e associe um modelo de formulário XFA a um formulário adaptável. Os elementos do Modelo de formulário (formulário XFA) são disponibilizados para uso no localizador de conteúdo no momento da criação de formulário adaptável. No Localizador de conteúdo, é possível arrastar e soltar os elementos do modelo de formulário no formulário.
Faça upload do Modelo de formulário XFA para a AEM Forms antes de criar um start para criar um formulário adaptável com base no modelo de formulário.
Faça o seguinte para usar um modelo de formulário XFA como modelo de formulário para o formulário adaptável:
  1. Na página Adicionar propriedades , abra a guia Modelo de formulário.
  2. Na guia Modelo de formulário, na lista suspensa, selecione Modelos de formulário. Todos os modelos de formulário carregados no repositório por meio da interface do usuário do AEM Forms são listados para seleção. Selecione um modelo na lista.
    Figura: Seleção de um modelo de formulário
    Também é possível alterar o modelo de formulário para um formulário adaptável. Para obter etapas detalhadas, consulte Editar propriedades do modelo de formulário de um formulário adaptável.

Criar um formulário adaptável com base no schema XML ou JSON

Os schemas XML e JSON representam a estrutura na qual os dados são produzidos ou consumidos pelo sistema back-end em sua organização. É possível associar um schema a um formulário adaptável e usar seus elementos para adicionar conteúdo dinâmico ao formulário adaptável. Os elementos do schema estão disponíveis na guia Objeto de modelo de dados do navegador de conteúdo para a criação de formulários adaptáveis. É possível arrastar e soltar os elementos do schema para criar o formulário.
Consulte os documentos a seguir para entender como projetar o schema XML ou JSON para criar formulários adaptáveis.
Faça o seguinte para usar o schema XML ou JSON como modelo de formulário para um formulário adaptável:
  1. Na etapa Adicionar propriedades da página de criação de formulário adaptável, toque na guia Modelo de formulário.
  2. Na guia Modelo de formulário, selecione Schema no campo suspenso Selecionar .
  3. Toque em Selecionar Schema e execute um dos procedimentos a seguir:
    • Carregar do disco - Selecione essa opção e toque em Carregar definição de Schema para navegar e carregar um schema XML ou schema JSON do seu sistema de arquivos. O arquivo de schema carregado reside no formulário e não pode ser acessado por outros formulários adaptáveis.
    • Pesquisar no repositório - Selecione essa opção para selecionar a partir da lista de arquivos de definição de schemas disponíveis no repositório. Selecione o arquivo de schema XML ou JSON como modelo de formulário. O schema selecionado será associado ao formulário por referência e estará acessível para uso em outros formulários adaptáveis.
    Verifique se o nome do arquivo do schema JSON termina com .schema.json . Por exemplo: mySchema.schema.json
    Figura: Selecionar schema XML ou JSON
  4. (Somente para schema XML) Depois de selecionar ou carregar um Schema XML, especifique um elemento raiz do arquivo XSD selecionado para mapear com o formulário adaptável.
    Figura: Seleção do elemento raiz XSD
Você também pode alterar o schema de um formulário adaptável. Para obter etapas detalhadas, consulte Editar propriedades do modelo de formulário de um formulário adaptável.

Modelos de formulário adaptável

Um modelo fornece uma estrutura básica e define a aparência (layouts e estilos) de um formulário adaptável. Ele possui componentes pré-formatados contendo determinadas propriedades e estrutura de conteúdo. A AEM Forms fornece alguns modelos de formulário adaptáveis. Para obter o pacote de modelo completo, incluindo modelos avançados, é necessário instalar o pacote de complementos AEM Forms. Para obter mais informações, consulte Instalação do pacote complementar AEM Forms.
Além disso, você pode usar o editor de modelos para criar seus próprios modelos. Para obter mais informações sobre como trabalhar com modelos, consulte Modelos de formulário adaptáveis.
Quando você abre um formulário adaptável criado usando o modelo avançado para edição, uma mensagem de erro é exibida. O modelo avançado tem um componente Etapa de assinatura e a Adobe Sign está habilitada para ele por padrão. Crie e selecione uma configuração em nuvem do Adobe Sign e configure um assinante para resolver o erro.

Editar propriedades do Modelo de formulário de um formulário adaptável

Os formulários adaptáveis são criados sem um modelo de formulário (usando a opção Nenhum para o modelo de formulário) ou usando um modelo de formulário, como modelo de formulário, schema XML ou schema JSON ou modelo de dados de formulário. É possível alterar o modelo de formulário para um formulário adaptável de Nenhum para outro modelo de formulário. Para formulários adaptáveis baseados em um modelo de formulário, é possível escolher outro modelo de formulário, schema XML, schema JSON ou modelo de dados de formulário para o mesmo modelo de formulário. No entanto, não é possível alterar de um modelo de formulário para outro.
  1. Selecione o formulário adaptável e toque no ícone Propriedades .
  2. Abra a guia Modelo de formulário e execute um dos procedimentos a seguir.
    • Se o formulário adaptável estiver sem um modelo de formulário, é possível escolher outro modelo de formulário e, consequentemente, selecionar um modelo de formulário, schema XML ou JSON ou modelo de dados de formulário.
    • Se o formulário adaptável for baseado em um modelo de formulário, você poderá escolher outro modelo de formulário, schema XML ou JSON ou modelo de dados de formulário para o mesmo modelo de formulário.
  3. Toque em Salvar para salvar as propriedades.

Salvar automaticamente um formulário adaptável

Por padrão, o conteúdo de um formulário adaptável é salvo em uma ação do usuário, como ao pressionar o botão Salvar. Você também pode configurar um formulário adaptável para que o start automaticamente salve o conteúdo com base em um evento ou intervalo de tempo. A opção de salvar automaticamente é útil em:
  • Salvar automaticamente o conteúdo para usuários anônimos e conectados
  • Salvar o conteúdo de um formulário sem a intervenção ou o mínimo possível do usuário
  • Start que salva o conteúdo de um formulário com base em um evento do usuário
  • Salvar o conteúdo de um formulário repetidamente após um intervalo de tempo especificado

Ativar a opção Salvar automaticamente para um formulário adaptável

Por padrão, a opção de salvar automaticamente não está ativada. É possível ativar a opção de salvar automaticamente na guia Salvar automaticamente de um formulário adaptável. A guia Salvar automaticamente também fornece várias outras opções de configuração. Execute as seguintes etapas para ativar e configurar a opção de salvar automaticamente para um formulário adaptável:
  1. Para acessar a seção de salvamento automático nas propriedades, selecione um componente, em seguida, toque em > Adaptive Form Container e, em seguida, toque em .
  2. Na seção Salvar ​automaticamente, ative a opção de salvar automaticamente.
  3. Na caixa Evento de formulário adaptável, especifique 1 ou VERDADEIRO para que o start automaticamente salve o formulário quando ele for carregado no navegador. Também é possível especificar uma expressão condicional para um evento, que, quando acionado e retorna true, salva start no conteúdo do formulário.
  4. Especifique o Acionador. O salvamento automático é acionado com base na sua configuração. Suas opções são:
    • Baseado em tempo: Selecione a opção para salvar o conteúdo em start com base em um intervalo de tempo específico.
    • Baseado em eventos: Selecione a opção para salvar o conteúdo com base no start quando um evento for acionado.
    Quando você seleciona um acionador, a caixa Configuração de estratégia é ativada. A caixa Configuração de estratégia permite:
    • Especifique um intervalo de tempo se você selecionar acionador baseado em tempo.
    • Especifique um nome de evento se você selecionar acionador baseado em Eventos.
    Você também pode criar e adicionar sua própria estratégia personalizada à lista. Para obter detalhes, consulte Implementar uma estratégia personalizada para salvar automaticamente os formulários .
  5. (Somente salvamento automático com base em tempo) Execute as seguintes etapas para configurar opções para o salvamento automático com base em tempo.
    1. Na caixa Salvar automaticamente nesse intervalo , especifique o intervalo de tempo em segundos. O formulário é salvo repetidamente depois que o número de segundos especificado na caixa de intervalo decorre.
  6. (Somente para salvar automaticamente com base em Eventos) Execute as seguintes etapas para configurar opções para o salvamento automático com base em Eventos.
    1. Na caixa Salvar automaticamente após esse evento , especifique um evento GuideBridge . O formulário é salvo sempre que a expressão é avaliada como VERDADEIRO.
  7. (Opcional) Para salvar automaticamente o conteúdo para usuários anônimos, selecione a opção Ativar salvamento automático para usuários anônimos e clique em OK .
    Para que a opção de salvamento automático funcione para usuários anônimos, certifique-se de configurar o Forms Common Configuration Service para permitir que todos os usuários possam pré-visualização, verificar e assinar formulários.
    Para configurar o serviço, vá até AEM configuração do Console da Web em https://'[server]:[port]'system/console/configMgr e edite o Serviço de Configuração Comum da Forms para escolher a opção Todos os usuários no campo Permitir e salve a configuração.