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.

• As propriedades do container podem ser selecionadas na caixa de diálogo de configuração.
• Os padrões do Componente de container de email (ao adicioná-lo a uma página) podem ser definidos na caixa de diálogo de design.

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.

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

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.

• 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.

• 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.