Pré-visualização de um formulário previewing-a-form

O Adobe recomenda o uso de Componentes principaisde captura de dados moderna e extensível para criar um novo Forms Adaptávelou adicionar o 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.

Visão geral overview

No AEM Forms, é possível visualizar os formulários e documentos presentes no repositório. A Pré-visualização ajuda a saber exatamente como os formulários são exibidos e se comportam quando são lançados para os usuários finais.

Ao visualizar formulários, eles são renderizados na interface interativa e o usuário pode preencher os formulários com dados. Ao visualizar documentos, eles são renderizados no modo não interativo e o usuário só pode visualizar o documento. Para formulários, uma opção adicional de Visualização personalizada está disponível. Com essa opção, é possível visualizar o formulário usando dados de um arquivo XML. Os dados preenchem alguns ou todos os campos do formulário que está sendo visualizado.

A tabela a seguir lista as opções de visualização disponíveis para diferentes tipos de formulários compatíveis:

Tipo de ativo
Opções de visualização disponíveis
Documento
Visualização do PDF
Formulário PDF
Visualização e visualização de PDF com dados
formulário adaptável
Visualização de HTML e visualização de HTML com dados
Modelo de formulário
Visualização de PDF, visualização de PDF com Dados, visualização de HTML, visualização de HTML com Dados

Pré-visualização de um formulário previewing-a-form-1

  1. Selecione um ativo que deseja visualizar e clique em Visualizar aem6forms_preview na barra de ferramentas de ações.

    note note
    NOTE
    Para selecionar um ativo, alterne para a Exibição de lista na Exibição de cartão padrão. Clique em aem6forms_viewlist ou aem6forms_viewcard para alternar as exibições.
  2. Clicar em Visualizar lista as possíveis opções de visualização aplicáveis ao Tipo de ativo selecionado. Clique na opção desejada para renderizar o ativo selecionado em uma nova guia.

    As opções são:

    • Visualizar como HTML
    • Exibir com dados
    • Visualizar como PDF (disponível para modelos de formulário)

Exibir com dados preview-with-data

Ao selecionar Visualizar com Dados, você poderá ver como ficará o formulário com os dados reais inseridos. A opção Preview with Data permite fazer upload de um XML que contém dados de usuário de amostra. Os dados do usuário de exemplo são usados para preencher o formulário de visualização no formato escolhido.

  1. Selecione um ativo, clique em Visualizar aem6forms_preview e selecione Visualizar com Dados.
  2. Na caixa de diálogo Visualizar formulário, forneça FormData como um arquivo XML. Clique em Visualizar para renderizar o formulário com os dados mesclados do XML.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2