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

  2. 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.
  3. 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.

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

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

  6. stel de douanecomponent op uw productiemilieu op

    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