Aangepaste Forms Core-componenten aanpassen
Door de adaptieve Forms Core-componenten aan te passen kunt u de functionaliteit van de verpakking aanpassen aan uw specifieke behoeften. Deze gids begeleidt u door het proces om deze componenten aan te passen om een meer gepersonaliseerde ervaring tot stand te brengen.
Voorwaarde
Voordat u gaat overstappen op het aanpassen van Adaptive Forms Core-componenten,
-
Leer over de architectuur van een Componenten van de Kernen ga door de officiële documentatie van de Componenten van de Kern van Adobe Experience Manager. Deze uitgebreide bronnen fungeren tijdens het hele aanpassingsproces als leidraad.
-
Stel uw ontwikkelomgeving in zodat u een vloeiende workflow hebt voor het aanbrengen van wijzigingen in de kerncomponenten. Bij het opzetten van de ontwikkelomgeving gebruikt u een project Archetype AEM op basis van het nieuwste project Archetype AEM. Op basis van uw omgeving kunt u:
Een adaptieve Forms Core-component aanpassen
Voer de onderstaande stappen uit om de weergave, het gedrag en de functionaliteit van een adaptieve Forms Core-component te wijzigen.
-
identificeer en dupliceer de Component van de Kern
Tijdens het vormen van de ontwikkelomgeving, hebt u een op Archetype-Gebaseerd project gecreeerd. In het Project van AEM Archetype, identificeer de specifieke Component van de Kern u wenst aan te passen. Zodra geïdentificeerd, creeer een duplicaat van de component binnen uw op Archetype gebaseerd project AEM. Houd deze parallel met andere adaptieve Forms Core-componenten. Deze stap zorgt ervoor dat uw aanpassingsinspanningen de originele component niet zullen beïnvloeden, die u toestaan om vrij te experimenteren.
-
pas de Gekopieerde Component aan
Open de gedupliceerde component en breng de benodigde wijzigingen aan volgens uw vereisten:
- pas de Structuur van HTML aan: Tailor de HTML structuur om uw ontwerpbehoeften aan te passen terwijl het aanhangen van BEM (de Modifier van het Element van het Blok)stilingpraktijken voor onderhoudsbare en scalable code.
- etiket van de Update: Werk het etiket van de component bij om een duidelijke en beschrijvende naam voor de aangepaste versie te verstrekken. Verwijs naar het verstrekte OOTB (uit de Doos) etiketmalplaatjevoor consistentie.
- pas Widget aan: Pas widget aan die binnen de component (dropdowns, checkboxes) wordt gebruikt om met uw specifiek gebruiksgeval te richten. Zie, de implementatie van de steekproefwidgetvoor verwijzing.
- Tekst en Tooltips van de Hulp: Personaliseer de hulptekst of tooltips verbonden aan de component om context en begeleiding aan gebruikers aan te bieden. Gebruik het malplaatje van de hulptekst OTBals uitgangspunt.
- Attributen van Gegevens: Bouw alle noodzakelijke gegevensattributen binnen de elementen van de HTML van de component op. Deze kenmerken zijn van cruciaal belang voor het correct functioneren van de component bij uitvoering. Raadpleeg de documentatieom de rol van gegevensattributen in de Adaptieve Componenten van de Kern van Forms te begrijpen.
-
voert Achterste Logica uit
Als uw aanpassing achterwaartse logica vereist, kunt u bestaande hellingsmodellen uitbreiden. Verwijs naar het verstrekte voorbeeldom de gewenste functionaliteit in uw aangepaste component foutloos te integreren.
-
vorm de Dialoog van de Component
Configureer het dialoogvenster dat aan uw aangepaste component is gekoppeld. Gebruik de de componentendialoog van het voorbeeld 🔗 in de documentatie wordt verstrekt om ervoor te zorgen dat gebruikersinteractie en de montages geschikt worden beheerd.
-
stel en test de component op uw lokale ontwikkelomgeving op
Het gebruik wordt in kaart gebracht om de componentop uw lokale ontwikkelomgeving te bouwen en op te stellen. Nadat de component is geïmplementeerd, maakt u een adaptief formulier om de aangepaste component te testen.
-
stel de douanecomponent op uw productiemilieu op
Nadat u de component op uw lokale ontwikkelomgeving hebt getest, implementeert u de component in uw productieomgeving.