Anpassa adaptiva Forms Core-komponenter
Genom att anpassa adaptiva Forms Core-komponenter kan du skräddarsy de färdiga funktionerna efter just dina behov. Den här guiden hjälper dig att anpassa de här komponenterna för att skapa en mer personaliserad upplevelse.
Förutsättning
Innan du börjar anpassa adaptiva Forms Core-komponenter
-
Lär dig mer om arkitekturen för en kärnkomponent och gå igenom den officiella dokumentationen för Adobe Experience Manager Core Components. Dessa omfattande resurser är en guide under hela anpassningsprocessen.
-
Konfigurera utvecklingsmiljön Detta ger ett smidigt arbetsflöde för att göra ändringar i kärnkomponenterna. När du konfigurerar utvecklingsmiljön ska du använda ett AEM Archetype-projekt baserat på det senaste AEM Archetype-projektet. Beroende på din miljö kan du:
Anpassa en adaptiv Forms Core-komponent
Följ stegen nedan för att ändra utseendet, beteendet och funktionaliteten för en adaptiv Forms Core-komponent.
-
Identifiera och duplicera kärnkomponenten
När du konfigurerade utvecklingsmiljön har du skapat ett Arketype-baserat projekt. I AEM Archetype Project identifierar du den specifika kärnkomponent du vill anpassa. Skapa en kopia av komponenten i ditt AEM Archetype-baserade projekt när du har identifierat den. Håll det parallellt med andra adaptiva Forms Core-komponenter. Med det här steget kan du vara säker på att dina anpassningar inte påverkar den ursprungliga komponenten, vilket gör att du kan experimentera fritt.
-
Anpassa den kopierade komponenten
Öppna den duplicerade komponenten och börja göra nödvändiga ändringar enligt dina krav:
- Anpassa HTML-strukturen: Anpassa HTML-strukturen så att den passar dina designbehov samtidigt som du följer BEM (Blockelementsmodifierare) -formateringsmetoder för underhålls- och skalbar kod.
- Uppdatera etikett: Uppdatera komponentens etikett för att ange ett tydligt och beskrivande namn för den anpassade versionen. Se etikettmallen OTB (utanför rutan) som tillhandahålls för konsekvens.
- Anpassa widget: Justera widgeten som används i komponenten (listrutor, kryssrutor) så att den passar ditt specifika användningssätt. Se exempelwidgetimplementeringen för referens.
- Hjälptext och verktygstips: Anpassa hjälptexten eller verktygstipsen som är kopplade till komponenten för att ge användarna kontext och vägledning. Använd hjälptextmallen OTB som utgångspunkt.
- Dataattribut: Inkludera alla nödvändiga dataattribut i komponentens HTML-element. Dessa attribut är avgörande för att komponenten ska fungera korrekt vid körning. Läs dokumentationen om du vill veta vilken roll dataattribut har i adaptiva Forms Core-komponenter.
-
Implementera serverdelslogik
Om din anpassning kräver backend-logik kan du utöka befintliga snedmodeller. Se det tillhandahållna exemplet för att sömlöst integrera de önskade funktionerna i din anpassade komponent.
-
Konfigurera komponentens dialogruta
Konfigurera den dialogruta som är kopplad till den anpassade komponenten. Använd exemplet komponentdialogruta som finns i dokumentationen för att se till att användarinteraktioner och inställningar hanteras på rätt sätt.
-
Distribuera och testa komponenten i den lokala utvecklingsmiljön
Använd maven för att skapa och distribuera komponenten i din lokala utvecklingsmiljö. När komponenten har distribuerats skapar du ett adaptivt formulär för att testa den anpassade komponenten.
-
Distribuera den anpassade komponenten i din produktionsmiljö
När du har testat komponenten i den lokala utvecklingsmiljön distribuerar du komponenten i produktionsmiljöerna.