Editor de formulários adaptáveis introduction-to-authoring-adaptive-forms
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
Formulários adaptáveis fornecem uma experiência envolvente, responsiva, dinâmica e adaptável. O AEM Forms oferece uma interface intuitiva e componentes prontos para uso para criar e trabalhar com formulários adaptáveis. É 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 atenda não apenas às suas necessidades, mas que amplie seus investimentos de infraestrutura e ativos. Você pode escolher entre as seguintes opções ao criar um formulário adaptável:
-
Usando um modelo de dados de formulário (FDM)
A integração de dados permite integrar entidades e serviços de diferentes fontes de dados em um Modelo de Dados de Formulário (FDM) que você pode usar para criar o Adaptive Forms. Escolha Modelo de dados de formulário (FDM) se o Formulário adaptável que você está criando envolver a busca e a gravação de dados de e para várias fontes de dados. -
Usar um modelo de formulário XDP
Esse é um modelo de formulário ideal se você tiver investido em formulários baseados em XFA ou XDP. Ele fornece uma maneira direta de converter formulários baseados em XFA em formulários adaptáveis. Quaisquer regras de XFA existentes são retidas nos formulários adaptáveis associados. O formulário adaptável resultante oferece suporte a construções em XFA, como validações, eventos, propriedades e padrões. -
Usar 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 sua 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 de conteúdo ao criar formulários adaptáveis. -
Não usar nenhum modelo de formulário
Os formulários adaptáveis criados com essa opção não usam nenhum modelo de formulário. O XML de dados gerado desses formulários tem uma estrutura simples com campos e valores correspondentes.note note NOTE É possível modificar as propriedades do modelo de formulário no editor de formulário adaptável ou no editor de modelo de formulário adaptável. Para obter mais informações, consulte Editar as propriedades do modelo de formulário de um formulário adaptável.
Para criar um formulário adaptável, consulte Criação de um formulário adaptável.
Interface de criação do formulário adaptável adaptive-form-authoring-ui
A interface otimizada para toque da criação de formulários adaptáveis é intuitiva e oferece:
- Funcionalidade de arrastar e soltar
- Componentes de formulário padrão
- Repositório integrado de ativos
Ao criar ou editar um Formulário adaptável existente, você usa os seguintes elementos da interface do usuário:
Barra lateral sidebar
A barra lateral permite
- Pesquisar, visualizar e usar ativos no seu repositório de gerenciamento de ativos digitais (DAM) do AEM.
- Visualize o conteúdo do formulário, como painéis, componentes, campos e layout.
- Adicione componentes ao formulário.
- Edite propriedades de componentes.
A. Navegador de conteúdo B. Navegador de propriedades C. Navegador de ativos D. Navegador de componentes
A barra lateral inclui os seguintes navegadores:
-
Navegador de conteúdo
No navegador de conteúdo, é possível ver:-
Objetos de formulário
Mostra a hierarquia de objetos do formulário. O autor pode navegar até um componente de formulário específico selecionando esse elemento na Árvore de objetos de formulário. O autor pode pesquisar objetos e reorganizá-los a partir dessa árvore. -
Objetos do modelo de dados
Permite ver a hierarquia do modelo de formulário.
Ela permite arrastar e soltar elementos do modelo de formulário no Formulário adaptável. Os elementos adicionados são convertidos automaticamente em componentes de formulário, mantendo suas propriedades originais. É possível ver objetos de modelo de dados quando o formulário usa esquema XML, esquema JSON ou modelo XDP.
-
-
Navegador de propriedades
Permite editar as propriedades de um componente. As propriedades mudam de acordo com um componente. Para ver as propriedades do container do Formulário adaptável:
Selecione um componente e, em seguida, selecione > Contêiner de formulário adaptável e selecione .
-
Navegador de ativos
Segmenta diferentes tipos de conteúdo, como imagens, documentos, páginas, filmes e assim por diante.
-
Navegador de componentes
Inclui componentes que podem ser usados para criar um Formulário adaptável. Você pode arrastar os componentes para o Formulário adaptável para adicionar elementos de formulário e configurá-los de acordo com os requisitos. A tabela a seguir descreve os componentes listados no navegador de componentes.
Barra de ferramentas da página page-toolbar
A barra de ferramentas da página na parte superior fornece opções que permitem visualizar o formulário, alterar as propriedades do formulário e editar o layout do formulário. É possível visualizar o formulário ao criá-lo e fazer alterações de acordo. Na barra de ferramentas da página, você observa:
-
Alternar painel lateral : Permite exibir ou ocultar a Barra Lateral.
-
Informações da página : permite exibir as propriedades da página, publicar/desfazer a publicação de um formulário, iniciar um fluxo de trabalho de formulário e abrir o formulário na interface clássica.
-
Emulador : permite você emular a aparência de seu formulário para diferentes tamanhos de exibição, como tablets e telefones.
-
Editar: permite selecionar outros modos, como: Editar, Estilo, Desenvolvedor e Design.
-
Editar: permite editar as propriedades do formulário e seus componentes. Por exemplo, adicionar um componente, soltar uma imagem e especificar campos obrigatórios.
-
Estilo: permite estilizar a aparência dos componentes do formulário. Por exemplo, no modo de estilo, é possível selecionar um painel e especificar a cor do plano de fundo.
-
Desenvolvedor: permite que um desenvolvedor:
-
Descubra que formulários são compostos.
-
Depure onde e quando está acontecendo, o que, por vezes, ajuda a resolver problemas.
-
Design. Permitir ativar ou desativar componentes personalizados ou componentes prontos para uso que não estejam listados na Barra lateral.
-
-
-
Visualizar: permite que você visualize a aparência do formulário ao publicá-lo.
Barra de ferramentas Componente component-toolbar
Ao selecionar um componente, você visualiza uma barra de ferramentas que permite trabalhar nele. Há opções para recortar, colar, mover e especificar as propriedades dos componentes. As opções são:
A.Configurar: ao selecionar Configurar, as propriedades do componente ficam visíveis na barra lateral. A configuração dessas propriedades permite personalizar a experiência de captura de dados. Você pode alterar o nome do elemento do componente, especificar o texto do rótulo no campo Título do componente. O nome do elemento permite capturar valores inseridos pelos usuários usando o componente. Nas propriedades do componente, especifique o comportamento do componente e gerencie a entrada do usuário. Configure as propriedades na barra lateral para capturar os dados do usuário e usá-los para processamento adicional. As propriedades do container de Formulário adaptável permitem especificar as bibliotecas do cliente, os Layouts, os Temas, as configurações de Documento de registro, salvar configurações, as configurações de envio e as configurações de metadados.
B.Copiar: você pode usar a opção de copiar para copiar um componente e colá-lo em outros lugares do formulário. Quando você cola um componente, o componente colado obtém um novo nome de elemento, mas retém as propriedades do componente copiado.
C.Recortar: você pode usar a opção de recortar para mover um componente de um lugar para outro no Formulário adaptável.
D. Excluir: permite excluir o componente do formulário.
E. Inserir: permite inserir um componente acima do componente selecionado.
F. Colar: permite colar o componente cortado ou copiado usando as opções descritas acima.
G. Editar regras: permite abrir o editor de regras. Para obter mais informações,
H. Grupo: permite selecionar vários componentes se você deseja cortar, copiar ou colar mais de um componente.
I. Página principal: permite selecionar a página principal de um componente. Por exemplo, um campo de texto está em uma subseção, que fica em uma seção. A seção encontra-se no guide root panel e o container de formulário adaptável é o principal de um guide root panel. Para um componente, você pode observar todas as opções com a hierarquia classificada de baixo para cima.
Por exemplo, se você selecionar Pai para uma caixa de texto, poderá ver:
- Subseção
- Seção
- guideRootPanel
- Container de formulário adaptativo
J. Outros: fornece mais opções para trabalhar com o componente selecionado.
- Exibir expressão SOM
- Salvar um painel como fragmento (somente para painéis)
- Adicionar painel filho (somente para painéis)
- Adicionar barra de ferramentas do painel (somente para painéis)
- Substituir (exceto para painéis)
Página do formulário adaptável af-page
A página de Formulário adaptável é o formulário real. É como qualquer outra página WCM modelada como o WCM componente cq:Page
. A imagem a seguir mostra a estrutura de conteúdo de um formulário adaptável típico.
A estrutura de conteúdo normalmente contém os seguintes componentes principais:
-
guideContainer: a raiz de um formulário adaptável, que é marcado como Início do formulário adaptável na interface do formulário adaptável. Nesse componente, você pode especificar:
- Layout móvel do formulário adaptável: define a aparência do formulário em dispositivos móveis.
- Página de agradecimento: define a página para a qual o usuário é redirecionado após enviar o formulário.
- Enviar ação: define como o formulário é processado no servidor depois que o usuário envia o formulário.
- Estilo: especifica o caminho para o arquivo CSS usado para personalizar a aparência do formulário.
-
rootPanel: o painel raiz de um formulário adaptável. Ele pode conter sub-painéis sob o nó itens. Cada painel, incluindo o painel raiz, pode ter um layout associado a ele. O layout do painel determina como o formulário é posicionado. Por exemplo, no layout Accordion, seus itens são apresentados como etapas Accordion.
-
barra de ferramentas: um container de Formulário adaptável tem uma barra de ferramentas global associada, que é global ao formulário. Essa barra de ferramentas pode ser adicionada usando o Adicionar barra de ferramentas na barra de edição, que permite que se adicionem ações, como Enviar, Salvar, Redefinir e assim por diante.
-
ativos: esse nó contém informações adicionais usadas para a criação de formulários. Por exemplo, detalhes do modelo de formulário, detalhes de localização e assim por diante.
Consulte também see-also
- Criar um formulário adaptável de AEM
- Adicionar um formulário adaptável de AEM à página do AEM Sites
- Aplicar temas a um formulário adaptável de AEM
- Adicionar componentes a um Formulário adaptável para AEM
- Usar CAPTCHA em um formulário adaptável de AEM
- Gerar versão do PDF (DoR) de um formulário adaptável AEM
- Traduzir um formulário adaptável de AEM
- Ativar o Adobe Analytics para um formulário adaptável para rastrear o uso do formulário
- Conectar o formulário adaptável ao Microsoft SharePoint
- Conectar o formulário adaptável ao Microsoft Power Automate
- Conectar o formulário adaptável ao Microsoft OneDrive
- Conectar o formulário adaptável ao armazenamento de blobs do Microsoft Azure
- Conectar o formulário adaptável ao Salesforce
- Usar o Adobe Sign em um formulário adaptável AEM
- Adicionar uma nova localidade para um Formulário adaptável
- Enviar dados do Formulário adaptável a um banco de dados
- Enviar dados do formulário adaptável para um endpoint REST
- Enviar dados do formulário adaptável para o fluxo de trabalho do AEM
- Usar o Forms Portal para listar AEM Adaptive Forms em um site de AEM
- Adicionar versões, comentários e anotações a um Formulário adaptável
- Comparar Forms adaptável