Criar um formulário adaptável (componentes de base) creating-an-adaptive-form

Versão
Link do artigo
AEM 6.5
Clique aqui
AEM as a Cloud Service
Este artigo

O Adobe recomenda o uso da captura de dados moderna e extensível Componentes principaispara criação de um novo Forms adaptávelou adição de Forms adaptável às páginas do AEM Sites. Esses componentes representam um avanço significativo na criação do Forms adaptável, garantindo experiências de usuário impressionantes. Este artigo descreve a abordagem mais antiga para criar o Forms adaptável usando componentes de base.

Formulários adaptáveis permitem criar formulários envolventes, responsivos, dinâmicos e adaptáveis. O AEM Forms fornece um assistente prático para que o usuário empresarial possa criar rapidamente o Forms adaptável. O assistente fornece uma navegação por guias rápidas para selecionar facilmente modelos pré-configurados, estilos, campos e as opções de envio para criar um formulário adaptável.

Antes de começar, saiba mais sobre o tipo de componentes do Forms disponíveis para você:

  • Componentes principais adaptáveis do Forms são componentes padronizados de captura de dados. Esses componentes fornecem recursos de personalização, tempo de desenvolvimento reduzido e custos de manutenção mais baixos para suas experiências de inscrição digital. Um desenvolvedor pode personalizar e estilizar facilmente esses componentes. A Adobe recomenda o uso desses componentes modernos e extensíveis para desenvolver o Adaptive Forms.

  • Componentes adaptáveis do Forms Foundation são componentes de captura de dados clássicos (antigos). Você pode continuar usando-os para editar seus componentes fundamentais já existentes com base no formulário adaptável. Se você estiver criando novos formulários, o Adobe recomenda usar Componentes principais adaptáveis do Forms para criar uma Forms adaptável.

Assistente para criar um formulário adaptável

Pré-requisitos

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

  • Permissões: adicione seus usuários ao forms-users para fornecer-lhes permissões para criar Formulários adaptáveis. Para obter uma lista detalhada de grupos de usuários específicos dos formulários, consulte Grupos e permissões.

  • Um tema de formulários adaptáveis: um tema contém detalhes de estilo para os componentes e painéis. Os estilos incluem propriedades como cores de fundo, cores de estado, transparência, alinhamento e tamanho. Ao aplicar um tema, o estilo especificado é refletido nos componentes correspondentes. Você pode criar um tema ou importar um tema existente. Também é possível pode implantar o arquétipo mais recente para alguns temas de amostra.

  • 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 que contêm determinadas propriedades e estrutura de conteúdo. Também fornece as opções para definir um tema e uma ação de envio. O tema define a aparência, e a ação de envio define a ação a ser executada no envio de um formulário adaptável. Por exemplo, enviar os dados coletados para uma fonte de dados. Os serviços na nuvem oferecem suporte a dois tipos de modelos:

    • Modelo editável: é possível criar um ou importar um modelo editável existente. Você também pode implantar o arquétipo mais recente para obter alguns modelos editáveis de amostra.

    • Modelo estático: esses são modelos herdados e são recomendados apenas para clientes que estão migrando do Adobe Managed Services (AMS) e de instalações locais do AEM Forms (AEM Forms 6.5 ou anterior). Eles permitem continuar usando seu investimento já existente em modelos estáticos. Ao criar um Formulário adaptável, use um Modelo editável.

Criar um formulário adaptável (componentes de base) create-an-adaptive-form-foundation-components

  1. Acessar a Instância do autor do Experience Manager Forms. Pode ser uma instância da nuvem 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, selecione Adobe Experience Manager > Forms > Forms e documentos.

  3. Selecionar Criar > Forms adaptável. O Assistente será aberto.

  4. Na guia Origem, selecione um modelo:

    • Ao selecionar um modelo Editável, um tema e uma ação de envio especificados no modelo são selecionados automaticamente e o botão Criar será habilitado. Você pode ir para as guias Estilo ou Envio para selecionar um tema ou uma ação de envio diferente. Se o modelo Editável selecionado não especificar um tema, o botão Criar permanecerá desabilitado. É possível ir para a guia Estilos para selecionar um tema manualmente.

      note note
      NOTE
      Você também pode criar um modelo de Documento do registro usando o editor de Formulários adaptáveis. Para obter mais informações, consulte Suporte a documento de registro no editor de formulário adaptável.
    • Ao selecionar um modelo estático, as opções de dados, estilo, envio, entrega e visualização não estarão disponíveis. Ao criar um Formulário adaptável, use um Modelo editável.

  5. Na guia Estilo, selecione um tema:

    • Quando o modelo selecionado especifica um tema, ele é selecionado automaticamente no assistente. Você também pode escolher um tema diferente da guia de Estilo.
    • Se o modelo selecionado não especificar um tema, será possível usar a guia de Estilo para escolher um tema. O botão Criar só será habilitado depois que um tema for selecionado.
  6. (Opcional) Na guia Dados, selecione um modelo de dados:

    • Modelo de dados do formulário: um Modelo de dados do formulário permite integrar entidades e serviços de diferentes fontes de dados a um formulário adaptável. Escolha a opção Modelo de dados de formulário se o formulário adaptável que você está criando envolve a obtenção e gravação de dados de e para várias fontes de dados.

    • Esquema JSON: o Esquema JSON representa a estrutura na qual os dados são produzidos ou consumidos pelo sistema back-end em sua organização. É possível 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 estão disponíveis para uso na guia Objetos do modelo de dados do navegador de conteúdo ao criar o Adaptive Forms e todos os campos também são adicionados ao Formulário adaptável criado.

    Por padrão, todos os campos do modelo de dados são selecionados. Ao criar o formulário adaptável, todos os campos de modelo de dados selecionados são convertidos nos componentes de formulários adaptáveis correspondentes. O assistente fornecerá caixas de seleção para selecionar apenas os campos que devem ser incluídos no formulário adaptável.

  7. Na guia Envio, selecione uma ação de envio:

    • Ao selecionar um modelo, a ação de envio especificada no modelo é selecionada automaticamente. É possível selecionar uma ação de envio diferente na guia Envio. A guia Envio exibe todas as ações de envio disponíveis.

    • Quando o modelo selecionado não especificar uma ação de envio, você poderá usar a guia Envio para selecionar uma

  8. (Opcional) Na guia Entrega, é possível especificar uma data de publicação ou cancelamento de publicação para um Formulário adaptável.

  9. Selecione Criar. Uma caixa de diálogo para especificar o título, o nome e o local para salvar o Formulário adaptável será exibida:

    • 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 Experience Manager Forms.
    • Nome: especifica o nome do formulário. Um nó com o nome especificado será criado no repositório. Ao começar a digitar um título, o valor do campo de nome é gerado automaticamente. É possível alterar o valor sugerido. O campo de nome pode incluir apenas caracteres alfanuméricos, hifens e sublinhados. Todas as entradas inválidas são substituídas por um hífen.
    • Caminho: especifica o local no qual o Formulário adaptável deverá ser salvo. É possível salvar o formulário adaptável diretamente em /content/dam/formsanddocuments ou criar uma pasta como /content/dam/formsanddocuments/adaptiveforms para salvar um Formulário adaptável. Certifique-se de criar a pasta antes de usá-la no caminho. O campo Caminho: não cria uma pasta automaticamente.
  10. Selecione Criar. Um Formulário adaptável será criado e aberto no editor de Formulários adaptáveis. O editor exibirá o conteúdo disponível no modelo. Ele também exibe a barra lateral para personalizar o formulário criado de acordo com as necessidades.

    Com base no tipo de formulário adaptável, os elementos de formulário presentes no esquema JSON associado ou no modelo de dados de formulário são exibidos na guia Objetos do 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.

Edição das propriedades do modelo de formulário de um formulário adaptável edit-form-model

Você pode alterar o modelo de formulário para um formulário adaptável (com base em JSON ou Modelo de dados de formulário). Não é possível alterar de um modelo de formulário para outro.

  1. Selecione o Formulário adaptável e selecione a variável Propriedades ícone.

  2. Abra a guia Modelo de Formulário e siga um destes procedimentos.

    • Se o formulário adaptável não tiver um modelo de formulário, você poderá escolher outro modelo de formulário e 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. Selecionar Salvar para salvar as propriedades.

É possível também modificar as propriedades do modelo de formulário a partir do editor de formulário adaptável ou do editor de modelo de formulário adaptável.

  1. Selecione o componente Container de Formulário Adaptável (raiz).

  2. Clique no Ícone de Configurar para abrir as Propriedades do container do formulário adaptável.

  3. Selecione a guia Modelo de Dados e siga um destes procedimentos:

    • Se o formulário adaptável não tiver um modelo de formulário, você poderá escolher um modelo de formulário e 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, não será possível alterar o 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 conforme aplicável.
  4. Selecionar Salvar para salvar as propriedades.

FDM-Schema-Support

NOTE
Você também pode salvar um Formulário adaptável como um modelo. Para obter mais informações, consulte Criação de um modelo usando um formulário adaptável.

Consulte também see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab