Show Menu
TOPICS×

Componente de Container de formulário

O Componente principal de Container de formulário permite a criação de formulários simples de envio.

Uso

O componente de Container de formulário permite a criação de formulários e recursos simples de envio de informações, ao suportar formulários WCM simples e ao usar uma estrutura aninhada para permitir componentes de formulário adicionais.
Usando a caixa de diálogo Configurar caixa de diálogo configurar, o editor de conteúdo pode definir a ação acionada pelo envio do formulário, onde o conteúdo enviado deve ser armazenado e se um fluxo de trabalho deve ser acionado. O autor do modelo pode usar a caixa de diálogo de design para definir os componentes permitidos e seus mapeamentos semelhantes à caixa de diálogo de design para o container de layout padrão no editor de modelo.
Os componentes principais Componente do Container de formulário só oferecem suporte ao uso dos componentes principais do formulário (botão, texto, oculto etc.). Não há suporte para o uso de componentes de fundação e componentes de formulário dentro do container de formulário dos componentes principais (e vice-versa).

Versão e compatibilidade

A versão atual do Componente do Container de formulário é a v2, que foi introduzida com a versão 2.0.0 dos Componentes principais em janeiro de 2018 e é descrita neste documento.
A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação de versões anteriores.
Versão do componente
AEM 6.3
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v2
-
Compatível
Compatível
Compatível
Compatível
Compatível
Compatível
-
Para obter mais informações sobre versões e lançamentos dos Componentes principais, consulte as Versões dos Componentes principais do documento.

Exemplo de saída de componente

Para experimentar o componente Container de formulário e ver exemplos de suas opções de configuração, bem como a saída HTML e JSON, visite a Biblioteca de componentes.

Detalhes técnicos

A documentação técnica mais recente sobre o componente Container de formulário pode ser encontrada no GitHub .
Para obter mais detalhes sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.

Configurar caixa de diálogo

A caixa de diálogo de configuração permite que o autor do conteúdo defina quais ações serão tomadas quando o componente for enviado.
Dependendo do Tipo
de
ação selecionado, as opções disponíveis no container serão alteradas. Os tipos de ação disponíveis são:
Independentemente do tipo, existem configurações Configurações gerais gerais que se aplicam a cada ação.

Email

Quando o formulário for enviado, o tipo de ação de email enviará um email para os recipient designados.
  • Assunto
    - O assunto do email que será enviado no envio do formulário
  • De
    - O endereço de email de formulário do email que será enviado no envio do formulário
  • Para
    - Os endereços dos recipient que receberão um email após o envio do formulário
    • Toque ou clique no botão
      Adicionar
      para adicionar endereços adicionais
    • Toque ou clique no botão
      Excluir
      para remover um endereço de email
  • CC
    - Os endereços dos recipient que receberão uma cópia de carbono do e-mail enviado após o envio do formulário
    • Toque ou clique no botão
      Adicionar
      para adicionar endereços adicionais
    • Toque ou clique no botão
      Excluir
      para remover um endereço de email

Armazenar conteúdo

Quando o formulário for enviado, o conteúdo do formulário será armazenado em um local de repositório designado.
  • Caminho
    do conteúdo - Caminho do repositório do conteúdo no qual o conteúdo enviado é armazenado
  • Dados
    de Visualização - Toque ou clique para visualização de dados enviados armazenados como JSON
  • Fluxo de trabalho
    do Start - Configure para start de um fluxo de trabalho com o conteúdo armazenado como carga após o envio do formulário

Configurações gerais

Independentemente do tipo de ação selecionado, uma página de agradecimento sempre pode ser definida.
  • Página
    de agradecimento - o usuário será redirecionado para a página especificada após a conclusão do envio do formulário.
    • Use a caixa de diálogo de seleção para selecionar um recurso no AEM.
    • Se a página de agradecimento não estiver no AEM, especifique o URL absoluto. URLs não absolutos serão interpretados em relação ao AEM.
    • Deixe em branco para exibir novamente o formulário após o envio.
  • ID
    - Essa opção permite controlar o identificador exclusivo do componente no HTML e na Camada de dados.
    • Se deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada inspecionando a página resultante.
    • Se uma ID for especificada, é responsabilidade do autor garantir que seja exclusiva.
    • A alteração da ID pode afetar o CSS, o JS e o rastreamento da camada de dados.

Caixa de diálogo Design

A caixa de diálogo de design permite que o autor do modelo defina os componentes permitidos e seus mapeamentos para o container de forma semelhante à caixa de diálogo de design para o container de layout padrão no editor de modelo.

Guia Estilos

O componente Container de formulário suporta o sistema de estilo AEM.