Introdução à criação de formulários adaptáveis introduction-to-authoring-adaptive-forms

Usar 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 formulários adaptáveis. Escolha o 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.

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 XFA existentes são retidas nos formulários adaptáveis associados. Os formulários adaptáveis resultantes são compatíveis com construções 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. É 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 estarão disponíveis para uso na guia Objetos do modelo de dados do navegador Conteúdo ao criar formulários adaptáveis.

Uso de um modelo de formulário nenhum ou sem

Barra lateral

Barra de ferramentas da página

Barra de ferramentas Componente

Página de formulário adaptável

Visualize o conteúdo do formulário, como painéis, componentes, campos e layout.

Edite propriedades de componentes.

Pesquisar, visualizar e usar ativos no seu repositório de gerenciamento de ativos digitais (DAM) do AEM.

Adicione componentes ao formulário.

Clique para ampliar

Navegador de conteúdo

No navegador de conteúdo, você pode ver

• Objetos do 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 contêiner de formulário adaptável:

Selecione um componente e toque em > Contêiner de formulário adaptável e toque em .

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 componentes do para o formulário adaptável para adicionar elementos de formulário e configurar o elemento adicionado de acordo com os requisitos. A tabela a seguir descreve os componentes listados no navegador de componentes.

Cada componente tem propriedades associadas que controlam sua aparência e funcionalidade. Para configurar as propriedades de um componente, toque no componente e toque em para abrir as propriedades do componente no navegador Propriedades.

Um componente é identificado com seu nome de elemento. Ao tocar , é possível alterar o nome do componente alterando o Nome do elemento no navegador de propriedades. O campo Nome do elemento aceita somente letras, números, hifens (-) e sublinhados (_). Outros caracteres especiais não são permitidos e o nome do elemento deve começar com uma letra.

Você pode modificar a propriedade Título de um componente de formulário adaptável em linha no editor de formulário sem abrir o navegador Propriedades , desde que o título esteja visível no formulário. Para fazer isso:

1. Toque para selecionar um componente que tenha um Título e Ocultar título está desativada.
2. Toque para tornar o título editável.
3. Modifique o título e toque na tecla Return ou em qualquer lugar fora do componente para salvar as alterações. Toque na chave Esc para descartar as alterações.

Alguns componentes de formulário adaptáveis, como Email e Telefone, incluem padrões de validação prontos para uso. No entanto, é possível especificar a validação personalizada atualizando o Padrão de validação na opção Padrões nas propriedades do componente. Consulte descrições de componentes na tabela acima para obter mais informações sobre validações padrão.

Campos de formulários adaptáveis, como Caixa numérica e Email podem ser configurados para incluir tipos de entrada HTML5 especializados. Quando esses campos estão em foco em dispositivos móveis e tablets, o teclado exibe um alfabeto, números e caracteres específicos na frente, normalmente usados para inserir informações nos campos. Ajuda os usuários a inserir informações rapidamente sem precisar alternar entre conjuntos de caracteres no teclado. Para permitir entrada especializada em um componente, habilite a função Usar número do tipo HTML caixa de seleção nas propriedades do componente.

Você pode ativar um componente Caixa de texto para aceitar rich text. Para ativar o rich text de uma caixa de texto, ative a Permitir Rich Text nas propriedades do componente.

Você pode ativar os componentes Caixa de texto, Email e Telefone para preencher automaticamente valores para campos como nome, endereço, cartão de crédito, telefone e email a partir das informações armazenadas nas configurações de preenchimento automático do navegador. Para ativar este recurso, selecione Ativar Preenchimento Automático nas propriedades do componente e selecione um Atributo de preenchimento automático. Quando um usuário preenche um formulário adaptável, os valores são sugeridos a partir do perfil de preenchimento automático no navegador ou com base nos valores preenchidos anteriormente pelo usuário. Observe que o preenchimento automático funciona se as configurações de preenchimento automático no navegador do usuário estiverem ativadas.

Especifique valores para os itens de Botão de opção e Caixa de seleção em {value}={text} nas propriedades do componente.

O componente File attachment, por padrão, permite que um usuário anexe apenas um arquivo. No entanto, é possível configurar as propriedades do componente para suportar vários anexos. Além disso, se um usuário anexar vários arquivos com o mesmo nome de arquivo, os anexos podem causar alguns problemas. Portanto, é recomendável associar um identificador exclusivo para cada anexo enviado no envio do formulário. Para fazer isso:

1. No servidor do AEM Forms, navegue até Adobe Experience Manager > Ferramentas > Operações > Console da Web.
2. Localizar e tocar Serviço de configuração adaptável do Forms.
3. Na caixa de diálogo Adaptive Forms Configuration Service , habilite Tornar Nomes de Arquivos Exclusivos. Por padrão, está desativado.

Para permitir que os usuários anexem um PDF usando o navegador Safari, verifique se application/pdf é adicionado à propriedade Tipos de arquivo suportados do componente Anexo de arquivo . Os formulários adaptáveis criados com a versão anterior do AEM Forms podem conter .pdf em vez de application/pdf na propriedade Tipos de arquivo suportados .

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: Permite 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.

guideContainer: A raiz de um formulário adaptável, que é marcado como Início do formulário adaptável na interface do usuário 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 Acordeão*, *seus itens são apresentados como etapas de Acordo.

barra de ferramentas: Um contêiner 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).