Criar um formulário adaptável

O Adaptive Forms permite criar formulários envolventes, responsivos, dinâmicos e adaptáveis. AEM Forms O oferece uma interface de usuário intuitiva e componentes prontos para uso para criar e trabalhar com o Adaptive Forms. É possível optar por criar um formulário adaptável com base em um modelo ou esquema de formulário ou sem um modelo de formulário. É importante escolher cuidadosamente o modelo de formulário que atende não apenas às suas necessidades, mas estende os investimentos e ativos existentes em infraestrutura. Você pode escolher entre as seguintes opções para criar um formulário adaptável:

  • Uso de um modelo de dados de formulário
    Integração de dados O permite integrar entidades e serviços de diferentes fontes de dados em um Modelo de dados de formulário que pode ser usado para criar o Adaptive Forms. Escolha Modelo de dados de formulário se o Formulário adaptável que você está criando envolver a busca e gravação de dados de e para várias fontes de dados.

  • Usando uma Definição de Esquema XML (XSD) ou um Esquema 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 o 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 estarão disponíveis para uso na guia Objetos do modelo de dados do navegador Conteúdo ao criar o Adaptive Forms.

  • Uso de um modelo de formulário nenhum ou sem
    O Adaptive Forms criado com essa opção não usa nenhum modelo de formulário. O XML de dados gerado desses formulários tem uma estrutura simples com campos e valores correspondentes.

Pré-requisitos

Você precisa do seguinte para criar um formulário adaptável:

  • Um modelo 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 É possível criar um novo modelo, importar um modelo existente ou baixar e importar alguns modelos de exemplo.
  • Um tema Adaptive Form. Um tema contém detalhes de estilo para os componentes e painéis. Os estilos incluem propriedades como cores de plano de fundo, cores de estado, transparência, alinhamento e tamanho. Quando você aplica um tema, o estilo especificado reflete nos componentes correspondentes. Você pode criar um novo tema, importar um tema existenteou baixe e importe alguns temas de exemplo.
  • Adicione seus usuários a forms-users para fornecer permissões para criar um formulário adaptável. Para obter uma lista detalhada dos grupos de usuários específicos de formulários, consulte Grupos e permissões.

Criar um formulário adaptável

Siga estas etapas para criar um formulário adaptável.

  1. Acesso Experience Manager Forms Instância do autor. Pode ser uma instância do Cloud ou uma instância de desenvolvimento local.

  2. Insira suas credenciais na página de logon do Experience Manager.

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

  3. Toque Criar e selecione Formulário adaptável. Selecione um modelo e toque em Próximo.

  4. Uma opção para Adicionar propriedades é exibido. 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 no Experience Manager Forms interface do usuário.
    • 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 no Tags caixa.
  5. É possível criar um formulário adaptável com base em um dos seguintes modelos de formulário:

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

  6. Toque Criar. Um formulário adaptável é criado, e uma caixa de diálogo para abrir o formulário para edição é exibida.

  7. Toque 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 O esquema XML ou JSON são exibidos na variável Objetos do modelo de dados da guia Navegador de conteúdo na barra lateral. Também é possível arrastar e soltar esses elementos para criar o Formulário adaptável.

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

Integração de dados O 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. Você pode 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. Você também pode chamar os serviços configurados em um Modelo de dados de formulário usando as regras do Formulário adaptável.

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 do formulário no Selecionar de lista suspensa.

    Criar um formulário adaptável

  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 modelo de dados de formulário.

OBSERVAÇÃO

Também é possível alterar o Modelo de dados de formulário para um formulário adaptável. Para obter etapas detalhadas, consulte Editar as 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 do Adaptive Forms. Você pode arrastar e soltar os elementos do esquema para criar o formulário.

Consulte os seguintes documentos para entender como projetar o esquema XML ou JSON para criar o Adaptive Forms.

Faça o seguinte para usar o esquema XML ou JSON como modelo de formulário para um Formulário adaptável:

  1. No Adicionar propriedades etapa da página de criação do formulário adaptável, toque em Modelo de formulário guia .

  2. Na guia Modelo de formulário , selecione Esquema do Selecionar de campo suspenso .

  3. Toque 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 pode ser acessado por outro Adaptive Forms.

    • Pesquisar no repositório - Selecione essa 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 é associado ao formulário por referência e pode ser usado em outro Adaptive Forms.

      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: Selecionar elemento raiz XSD

OBSERVAÇÃO

Também é possível alterar o esquema de um Formulário adaptável. Para obter etapas detalhadas, consulte Editar as propriedades do Modelo de formulário de um formulário adaptável.

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

Os Forms 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 Esquema XML, 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 o formulário adaptável baseado em um modelo de formulário, você pode escolher outro 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 Propriedades ícone .

  2. Abra o 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 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 Esquema XML ou JSON ou Modelo de dados de formulário para o mesmo modelo de formulário.
  3. Toque Salvar para salvar as propriedades.

Nesta página