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 Kern en 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. Gebruik bij het instellen van de ontwikkelomgeving een AEM Archetype-project dat is gebaseerd op het nieuwste project van AEM Archetype. 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. Geef in het AEM Archetype Project de specifieke Core-component op die u wilt aanpassen. Als deze eenmaal is geïdentificeerd, maakt u een duplicaat van de component in uw op AEM Archetype gebaseerde project. 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 structuur van HTML om uw ontwerpbehoeften aan te passen terwijl het volgen van BEM (de Modifier van het Element van het Blok) het stileren praktijken voor handhaafbare 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) etiketmalplaatje voor 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 steekproefwidget voor 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 OTB als uitgangspunt.
- Attributen van Gegevens: Bouw alle noodzakelijke gegevensattributen binnen de elementen van HTML van de component op. Deze kenmerken zijn van cruciaal belang voor het correct functioneren van de component bij uitvoering. Raadpleeg de documentatie om 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 voorbeeld om 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 component op 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.