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. Acesse a instância do autor do AEM Forms em https://[server]:[port]/<custom-context-if-any>.

    
    
  2. Insira suas credenciais na página de logon AEM.

    Depois de fazer logon, no canto superior esquerdo, toque em Adobe Experience Manager > Forms > Forms & Documents.

    OBSERVAÇÃO

    Para uma instalação padrão, o logon é 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 Adaptive form templates. 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ê começa a digitar 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, hifens 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 a pesquisar o formulário. Para criar tags, digite novos nomes de tag na caixa Tags.
  6. Você pode criar um formulário adaptável com base em um dos seguintes modelos de formulário:

    Você pode configurá-los na guia Modelo de formulário na página Adicionar propriedades. Por padrão, o modelo de formulário selecionado é None.

  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.

    Quando 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.

    Quando 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. 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, esquema XML ou esquema JSON associados são exibidos na guia Objetos de Modelo de Dados do Navegador de Conteúdo na barra lateral. Também é possível arrastar e soltar esses elementos para criar seu formulário adaptável.

    Para obter informações sobre a interface de criação de formulários adaptáveis e os componentes disponíveis, consulte Introdução à criação de formulários adaptáveis.

    OBSERVAÇÃO

    Permita que janelas pop-up no 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 do 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 esquema 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. Eles são vinculados às respectivas fontes de dados e usados para preencher previamente um formulário e gravar os dados enviados de volta nas respectivas fontes de dados. Também é possível chamar os 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 de.

    create-af-1-1

  2. Toque para expandir Selecionar Modelo de Dados de Formulário. Todos os modelos de dados de formulário disponíveis são listados.

    Selecione um do modelo de dados.

    create-af-2-1

OBSERVAÇÃO

Também é possível alterar o modelo de dados de formulário para um formulário adaptável. Para 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 redefinir o objetivo dos 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 do formulário adaptável. No Localizador de conteúdo, é possível arrastar e soltar os elementos do modelo de formulário no formulário.

OBSERVAÇÃO

Faça upload do modelo de formulário XFA para o AEM Forms antes de começar a 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 seu 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 que são 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.

    Associar modelo de formulário XFA a um formulário adaptável
    Figura: Seleção de um modelo de formulário

    OBSERVAÇÃO

    Também é possível alterar o modelo de formulário para um formulário adaptável. Para 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 esquema XML ou JSON

Os esquemas XML e JSON representam a estrutura na qual os dados são produzidos ou consumidos pelo sistema de back-end na organização. Você pode associar um esquema a um formulário adaptável e usar seus elementos para adicionar conteúdo dinâmico ao formulário adaptável. Os elementos do esquema estão disponíveis na guia Objeto do modelo de dados do navegador de conteúdo para a criação de formulários adaptáveis. Você pode arrastar e soltar os elementos do esquema para criar o formulário.

Consulte os seguintes documentos para entender como projetar um esquema XML ou JSON para a criação de formulários adaptáveis.

Faça o seguinte para usar o esquema 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 Esquema no campo suspenso Selecionar de.

  3. Toque em Selecionar Esquema e siga um destes procedimentos:

    • Fazer upload do disco - Selecione esta opção e toque em Fazer upload da definição de esquema para procurar e fazer upload de um esquema XML ou JSON do seu sistema de arquivos. O arquivo de esquema carregado reside no formulário e não está acessível a outros formulários adaptáveis.
    • Pesquisar no repositório - Selecione esta opção para selecionar na lista de arquivos de definição de esquema disponíveis no repositório. Selecione o arquivo de esquema 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.
    ATENÇÃO

    Certifique-se de que o nome de arquivo do esquema JSON termine com .schema.json. Por exemplo: mySchema.schema.json

    Seleção do esquema XML ou JSON
    Figura: Seleção do esquema XML ou JSON

  4. (Somente para esquema XML) Após selecionar ou carregar um esquema XML, especifique um elemento raiz do arquivo XSD selecionado a ser mapeado com o formulário adaptável.

    Selecionar elemento raiz XSD
    Figura: Seleção do elemento raiz XSD

OBSERVAÇÃO

Também é possível alterar o schema de um formulário adaptável. Para 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 tem componentes pré-formatados contendo determinadas propriedades e estrutura de conteúdo. Pronto para uso, o 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 complementar do AEM Forms. Para obter mais informações, consulte Instalação do pacote complementar do 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 Adaptive form templates.

OBSERVAÇÃO

Ao abrir 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 o Adobe Sign é ativado para ele por padrão. Crie e selecione uma Configuração da nuvem Adobe Sign e configure um assinante para resolver o erro.

Editar as 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 um modelo de formulário, esquema XML ou esquema 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, esquema XML, esquema 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 faça o seguinte:

    • Se o formulário adaptável não tiver um modelo de formulário, é possível escolher outro modelo de formulário e, consequentemente, selecionar um modelo de formulário, esquema 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, esquema 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 começar a salvar automaticamente 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 mínima do usuário
  • Comece a salvar o conteúdo de um formulário com base em um evento de usuário
  • Salvar o conteúdo de um formulário repetidamente após um intervalo de tempo especificado

Ativar Salvar automaticamente para um formulário adaptável

Por padrão, a opção de salvar automaticamente não está ativada. Você pode ativar a opção de salvamento automático 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 habilitar e configurar a opção de salvamento automático 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 field-level > Adaptive Form Container e toque em cmppr.

  2. Na seção Salvar automaticamente, Ativar a opção de salvar automaticamente.

  3. Na caixa Adaptive Form Event, especifique 1 ou TRUE para começar a salvar automaticamente o formulário quando o formulário for carregado no navegador. Também é possível especificar uma expressão condicional para um evento, que, quando acionada e retorna true, começa a salvar o conteúdo do formulário.

  4. Especifique o Acionador. O salvamento automático é acionado com base em sua configuração. Suas opções são:

    • Baseado em tempo: selecione a opção para começar a salvar o conteúdo com base em um intervalo de tempo específico.
    • Baseado em evento: selecione a opção para começar a salvar o conteúdo com base em quando um evento é 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 o acionador Time based.
    • Especifique um nome de evento se você selecionar o acionador Event based.

    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 neste intervalo, especifique o intervalo em segundos. O formulário é salvo repetidamente após o número de segundos especificado na caixa de intervalo expirar.
  6. (Somente para salvar automaticamente com base em eventos) Execute as etapas a seguir para configurar opções de Salvar automaticamente 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 TRUE.
  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.

    OBSERVAÇÃO

    Para que a opção de salvamento automático funcione para usuários anônimos, certifique-se de configurar o Serviço de Configuração Comum da Forms para permitir que todos os usuários visualizem, verifiquem e assinem formulários.

    Para configurar o serviço, vá para AEM configuração do Web Console em https://[server]:[host]/system/console/configMgr e edite o Forms Common Configuration Service para escolher a opção All Users no campo Allow e salve a configuração.

Nesta página