Componente de container de email

O Componente de container de email permite a criação de um container para vários componentes adicionais no seu conteúdo de email.

Uso

O Componente de container de email permite a criação de um container para vários componentes adicionais em seu conteúdo de email e pode ser usado para agrupar outros componentes e aplicar um estilo ou layout comum.

Depois que um Componente de container de email é adicionado a uma página, um autor de conteúdo pode arrastar e soltar componentes adicionais nela.

Versão e compatibilidade

A versão atual do Componente de container de email é a v1, introduzida com a versão X dos Componentes principais de email em outubro de 2022, e está 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 das versões anteriores.

Versão do componente AEM 6.5 AEM as a Cloud Service
v1 Compatível Compatível

Para mais informações sobre as versões dos Componentes Principais de email, consulte o documento Versões dos Componentes Principais.

Exemplo de saída do componente

Para experimentar o Componente de container de email e ver exemplos de suas opções de configuração e de saídas HTML e JSON, visite a Biblioteca de componentes.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de container pode ser encontrada no GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.

Caixa de diálogo de configuração

A caixa de diálogo de configuração permite que o autor de conteúdo defina o item do container e como ele se comporta e aparece em seu conteúdo.

Caixa de diálogo de edição do Componente de container de email

  • Layout - Essa opção define o comportamento ou o comportamento do layout do Componente de container de email.
    • largura total
    • metade|metade
    • um terço|dois terços
    • dois terços|um terço
    • terço|terço|terço
  • Cor do plano de fundo - Definível como valores RGB de forma livre ou usando o seletor de cores, dependendo da configuração
  • Imagem de plano de fundo - Define uma imagem de fundo para o container, dependendo da configuração
  • ID - Essa opção permite controlar o identificador exclusivo do componente no HTML.
    • Caso deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada ao inspecionar o conteúdo resultante.
    • Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
    • A alteração de ID pode afetar o CSS.

Guia Estilos

O Componente de container de email é compatível com o Sistema de estilos do AEM.

Use o menu suspenso para selecionar os estilos que deseja aplicar ao componente. As seleções feitas na caixa de diálogo de edição têm o mesmo efeito das selecionadas na barra de ferramentas do componente.

Os estilos devem ser configurados para este componente na caixa de diálogo de design para que a guia fique disponível.

Caixa de diálogo de design

A caixa de diálogo de design permite que o autor do modelo defina as opções disponíveis para o autor de conteúdo que usa o Componente de container de email.

Guia Componentes permitidos

A guia Componentes permitidos é usada para definir quais componentes podem ser adicionados como itens ao Componente de container de email pelo autor de conteúdo.

A guia Componentes permitidos funciona da mesma maneira que a guia de mesmo nome ao definir a política e as propriedades de um Container de layout no Editor de modelo.

Guia Componentes padrão

A guia Componentes padrão é usada para definir qual componente é adicionado ao componente quando um tipo de ativo específico é descartado no container, de modo semelhante a como os componentes padrão são definidos no modelo de página.

Guia Configurações do container

A guia Configurações do container define se o autor pode configurar uma imagem ou cor de fundo.

Guia Configurações do container da caixa de diálogo de design do Componente de container de email

  • Imagem de plano de fundo
    • Ativar imagem de plano de fundo - Selecione esta opção para permitir que o autor de conteúdo defina uma imagem de plano de fundo para o contêiner.
  • Cor do plano de fundo
    • Ativar cor de plano de fundo - Selecione esta opção para permitir que o autor de conteúdo defina uma cor de plano de fundo para o contêiner.
    • Somente amostras - Selecione essa opção para permitir que o autor de conteúdo selecione apenas a partir de amostras de cores predefinidas para a cor de fundo do contêiner.
      • Disponível apenas quando Ativar cor de plano de fundo estiver selecionado
  • Amostras permitidas - Defina as cores predefinidas a partir das quais o autor de conteúdo pode selecionar a cor do plano de fundo do contêiner
    • Use o botão Adicionar para adicionar uma amostra de cor predefinida. Uma vez adicionada, uma entrada é adicionada à lista, que contém as seguintes colunas:
    • Valor - defina a cor manualmente por meio dos valores RGB
      • Toque ou clique no seletor de cores para selecionar uma cor mais facilmente, ajustando valores RGB individuais ou definindo um valor hexadecimal.
    • Excluir - Toque ou clique para excluir uma amostra.
    • Reorganizar - Toque ou clique e arraste para reorganizar as amostras.

Guia Estilos

O Componente de container de email é compatível com o Sistema de estilos do AEM.

Nesta página