E-mailcontainercomponent email-container-component
Met de component E-mailcontainer kunt u een container maken voor meerdere aanvullende componenten in uw e-mailinhoud.
Gebruik usage
Met de component E-mailcontainer kunt u een container maken voor meerdere aanvullende componenten in uw e-mailinhoud. U kunt deze component gebruiken om andere componenten te groeperen en een algemene stijl of indeling toe te passen.
- De eigenschappen van de container kunnen worden geselecteerd in het dialoogvenster configureren, dialoogvenster.
- De standaardinstellingen voor de component E-mailcontainer wanneer deze aan een pagina wordt toegevoegd, kunnen worden gedefinieerd in het dialoogvenster ontwerpdialoogvenster.
Nadat een component E-mailcontainer aan een pagina is toegevoegd, kan de auteur van de inhoud er aanvullende componenten in slepen en neerzetten.
Versie en compatibiliteit version-and-compatibility
De huidige versie van de E-mailcontainer-component is v1, die in oktober 2022 is geïntroduceerd met release X van de e-mailkern-componenten, en die in dit document wordt beschreven.
In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.
Raadpleeg het document voor meer informatie over versies en releases van e-mail Core Component Core Components-versies e-mailen.
Technische details technical-details
De meest recente technische documentatie over de Container Component kan op GitHub worden gevonden.
Meer informatie over het ontwikkelen van kerncomponenten vindt u in de De ontwikkelaarsdocumentatie van de Componenten van de kern.
Dialoogvenster configureren configure-dialog
In het dialoogvenster Configureren kan de auteur van de inhoud het containeritem definiëren en bepalen hoe het zich gedraagt en in uw inhoud wordt weergegeven.
-
Layout - Met deze optie definieert u het gedrag of het lay-outgedrag van de component E-mailcontainer.
- volledige breedte
- half|half
- eenderde|tweederde
- tweederde|eenderde
- derde|derde|derde
-
Achtergrondkleur - Definieerbaar als vrije-vorm RGB-waarden of met de kleurkiezer, afhankelijk van de configuratie
-
Achtergrondafbeelding - Definieert een achtergrondafbeelding voor de container. afhankelijk van de configuratie
-
ID - Met deze optie kunt u de unieke id van de component in de HTML bepalen.
- Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende inhoud te inspecteren.
- Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
- Het wijzigen van de id kan gevolgen hebben voor CSS.
Tabblad Stijlen styles-tab-edit
De component Email Container ondersteunt de AEM Stijlsysteem.
Gebruik de vervolgkeuzelijst om de stijlen te selecteren die u op de component wilt toepassen. Selecties in het dialoogvenster Bewerken hebben hetzelfde effect als de selecties op de werkbalk van de component.
De stijlen moeten voor deze component in worden gevormd ontwerpdialoogvenster zodat het tabblad beschikbaar is.
Ontwerpdialoogvenster design-dialog
In het dialoogvenster Ontwerpen kan de sjabloonauteur de opties definiëren die beschikbaar zijn voor de auteur van de inhoud die de component E-mailcontainer gebruikt.
Tabblad Toegestane componenten allowed-components-tab
De Toegestane componenten wordt gebruikt om te definiëren welke componenten door de auteur van de inhoud kunnen worden toegevoegd als items aan de E-mailcontainer-component.
De Toegestane componenten tabfuncties werken op dezelfde manier als het tabblad met dezelfde naam wanneer het definiëren van het beleid en de eigenschappen van een container voor layout in de Sjablooneditor.
Tabblad Standaardcomponenten default-components-tab
De Standaardcomponenten tab wordt gebruikt om te definiëren welke component aan de component wordt toegevoegd wanneer een bepaald elementtype op de container wordt neergezet, vergelijkbaar met hoe standaardcomponenten worden gedefinieerd op de paginasjabloon.
Tabblad Containerinstellingen container-settings-tab
De Containerinstellingen wordt gedefinieerd of de auteur een achtergrondafbeelding of -kleur kan definiëren.
-
Achtergrondafbeelding
- Achtergrondafbeelding inschakelen - Selecteer deze optie als u wilt dat de auteur van de inhoud een achtergrondafbeelding voor de container kan definiëren.
-
Achtergrondkleur
- Achtergrondkleur inschakelen - Selecteer deze optie als u wilt dat de auteur van de inhoud een achtergrondkleur voor de container kan definiëren.
- Alleen stalen - Selecteer deze optie als u wilt dat de auteur van de inhoud alleen uit vooraf gedefinieerde kleurstalen voor de achtergrondkleur van de container kan kiezen.
- Alleen beschikbaar als Achtergrondkleur inschakelen is geselecteerd
-
Toegestane stalen - Vooraf gedefinieerde kleuren definiëren waaruit de auteur van de inhoud de achtergrondkleur van de container kan selecteren
- Gebruik de Toevoegen om een vooraf gedefinieerde kleurstaal toe te voegen. Nadat een item is toegevoegd, wordt het toegevoegd aan de lijst met de volgende kolommen:
- Waarde - De kleur handmatig definiëren met behulp van RGB-waarden
- Tik of klik op de kleurkiezer om een kleur eenvoudiger te selecteren door afzonderlijke RGB-waarden aan te passen of een hexadecimale waarde te definiëren.
- Verwijderen - Tik of klik om een staal te verwijderen.
- Opnieuw rangschikken - Tik of klik en sleep om de stalen opnieuw te ordenen.
Tabblad Stijlen styles-tab
De component Email Container ondersteunt de AEM Stijlsysteem.