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,

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.

  1. De kerncomponent identificeren en dupliceren

    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.

  2. De gekopieerde component aanpassen

    Open de gedupliceerde component en breng de benodigde wijzigingen aan volgens uw vereisten:

    • HTML-structuur aanpassen: Stem de HTML-structuur af op uw ontwerpbehoeften en houd u daarbij aan BEM (blokelement Modifier) stijlen voor onderhoudsbare en schaalbare code.
    • Label bijwerken: Werk het label van de component bij om een duidelijke en beschrijvende naam voor de aangepaste versie te verstrekken. Zie de verstrekte informatie Label-sjabloon OOTB (uit vak) ter wille van de consistentie.
    • Widget aanpassen: Pas de widget die binnen de component wordt gebruikt (vervolgkeuzelijsten, selectievakjes) aan om deze uit te lijnen met uw specifieke gebruiksscenario. Zie, de voorbeeldimplementatie ter referentie.
    • Help Tekst en knopinfo: Pas de Help-tekst of knopinfo die aan de component is gekoppeld aan om context en begeleiding aan gebruikers aan te bieden. Gebruik de OOTB Help-tekstsjabloon als uitgangspunt.
    • Gegevenskenmerken: Neem alle vereiste gegevenskenmerken op in de HTML-elementen van de component. Deze kenmerken zijn van cruciaal belang voor het correct functioneren van de component bij uitvoering. Raadpleeg de documentatie inzicht te krijgen in de rol van gegevenskenmerken in Adaptive Forms Core Components.
  3. Implementeer back-endlogica

    Als uw aanpassing achterwaartse logica vereist, kunt u bestaande hellingsmodellen uitbreiden. Zie de verstrekte informatie voorbeeld om de gewenste functionaliteit naadloos in uw aangepaste component te integreren.

  4. Het dialoogvenster van de component configureren

    Configureer het dialoogvenster dat aan uw aangepaste component is gekoppeld. Het voorbeeld gebruiken dialoogvenster voor componenten in de documentatie worden verstrekt om ervoor te zorgen dat de gebruikersinteractie en de montages correct worden beheerd.

  5. De component implementeren en testen in uw lokale ontwikkelomgeving

    Gebruiken gemaakt om de component te bouwen en te implementeren in uw lokale ontwikkelomgeving. Nadat de component is geïmplementeerd, maakt u een adaptief formulier om de aangepaste component te testen.

  6. Implementeer de aangepaste component in uw productieomgeving

    Nadat u de component op uw lokale ontwikkelomgeving hebt getest, implementeert u de component in uw productieomgeving.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c