Inleiding Adaptive Forms Core Components

Met behulp van de Adaptive Forms Core Components in Adobe Experience Manager kunt u aantrekkelijke inschrijvingservaringen creëren door de beschikbare flexibiliteit- en aanpassingsopties te gebruiken.

Kernonderdelen

In Adobe Experience Manager (AEM) zijn componenten de bouwstenen die worden gebruikt om pagina's en formulieren te maken. Ze bieden auteurs een eenvoudige en krachtige manier om inhoud te maken en te beheren en bieden ontwikkelaars ook de flexibiliteit en uitbreidbaarheid die nodig zijn om aangepaste componenten te maken. Deze zijn ontworpen om de ontwikkelingstijd te versnellen en de onderhoudskosten voor websites en formulieren te verlagen, flexibel te zijn en eenvoudig te kunnen worden aangepast aan de specifieke behoeften van een website en formulier.

De Core Components zijn ook ontworpen om responsief te zijn en ondersteuning te bieden voor een groot aantal apparaten, zoals desktops, tablets en smartphones. Ze houden zich ook aan de nieuwste webstandaarden en best practices, waardoor ze een robuuste en betrouwbare oplossing zijn voor het maken van webinhoud.

Over het algemeen vormen de Core Components een essentieel instrument voor het maken en beheren van webinhoud in AEM, dat een krachtige en flexibele oplossing biedt die kan helpen de ontwikkelingstijd en onderhoudskosten te verlagen en tevens de bezoekers van de website een geweldige gebruikerservaring biedt.

Adaptieve Forms Core-componenten

De Adaptive Forms Core Components zijn een set van 24 opensource, BEM-compatibele componenten die op de basis van de Adobe Experience Manager WCM Core Components zijn gebouwd. Deze zijn speciaal ontworpen voor het maken van Adaptief Forms. Dit zijn formulieren die worden aangepast aan het apparaat, de browser en de schermgrootte van de gebruiker.

Deze componenten kunnen worden gebruikt om buitengewone ervaringen met het vastleggen en inschrijven van gegevens te maken door een groot aantal opties voor formuliervelden te bieden, zoals tekstvelden, selectievakjes, vervolgkeuzemenu's en nog veel meer. Ze bevatten ook functies zoals validatie, voorwaardelijke logica en responsief ontwerp, waarmee u formulieren kunt maken die gebruiksvriendelijk en gebruiksvriendelijk zijn.

Bovendien, aangezien deze componenten open-bron zijn, hebben de ontwikkelaars de capaciteit om de componenten gemakkelijk aan te passen en uit te breiden om aan de specifieke behoeften van hun organisatie te passen. Deze componenten zijn gebaseerd op BEM-methoden die ervoor zorgen dat ze schaalbaar en onderhoudsbaar zijn.

Functies
Gereed voor productie De Adaptive Forms Core-componenten zijn 24 robuuste WCM-componenten.
Klaar voor cloud Beschikbaar voor AEM Forms as a Cloud Service.
Veelzijdig De componenten vertegenwoordigen algemene concepten waarmee de Forms-auteurs bijna elke lay-out kunnen samenstellen.
Configureerbaar Sjabloonniveau inhoudsbeleid bepalen welke functies wel of niet mogen worden gebruikt.
Toegankelijk Ze bieden ARIA-labels, ondersteunen toetsenbordnavigatie (bekende problemen) en tekst voor ondersteunende hulpmiddelen, zoals schermlezers.
Thema De componenten implementeren de Stijlsysteemen volgt de markering BEM CSS-conventies.
Aanpasbaar Met verschillende patronen kunt u de HTML eenvoudig aanpassen, van het aanpassen tot het opnieuw gebruiken van de geavanceerde functionaliteit.
Versioning De versiebeleid zorgt ervoor dat de componenten van de Kern uw plaats niet breken wanneer het verbeteren van dingen die u zouden kunnen beïnvloeden.
Open Bronnen Als iets anders is dan zou moeten, draagt u bij aan uw verbetering.

Voordelen

Ervaringen met het vastleggen van gegevens zijn van cruciaal belang voor het genereren en inschrijven van leads en de Adaptive Forms Core Components bieden een krachtige oplossing voor het maken van formulieren die zijn geoptimaliseerd voor het vastleggen van gegevens. Enkele redenen om de Componenten van de Kern te gebruiken om deze ervaringen over stichtingscomponenten tot stand te brengen zijn:

  • Beschikbaarheid op GitHub en uitvoerige documentatie: De AEM Adaptieve Componenten van de Kern van Forms zijn open-bron en beschikbaar op GitHub, samen met uitvoerige documentatie. Dit maakt het voor ontwikkelaars gemakkelijker om de componenten te begrijpen en hoe zij werken, en aan hun ontwikkeling bij te dragen. De aemcomponents.dev de website is ook een waardevolle bron , waar ontwikkelaars de componenten in actie kunnen zien en toegang hebben tot gedetailleerde documentatie .

  • BEM-model voor opmaken: De kerncomponenten volgen het BEM-model (Block Element Modifier) voor opmaak. Dit is een gangbare en veelgebruikte methode voor het ordenen van CSS. Op deze manier kunnen ontwikkelaars gemakkelijker begrijpen hoe de stijlen zijn ingedeeld en hoe ze aan hun specifieke behoeften kunnen worden aangepast.

  • Geen afhankelijkheid van bibliotheken van derden: Een van de voordelen van de Core Components is dat deze niet afhankelijk zijn van JavaScript-bibliotheken van derden, waaronder JQuery en Underscore. Hierdoor worden de componenten sneller en lichter, maar ook eenvoudiger te integreren in een bestaande AEM.

  • Focus op prestaties en toegankelijkheid: De Core Components zijn gebouwd met het oog op prestaties en toegankelijkheid, wat wordt weerspiegeld in hun hoge Google Lighthouse- en web vitals-scores. Op die manier kunnen ontwikkelaars gemakkelijker toegankelijke en goed presterende webpagina's maken, wat steeds belangrijker wordt in het huidige digitale landschap.

  • Formuliercomponenten in Sites 30-sjabloon en -thema's: De kerncomponenten bieden ondersteuning voor formuliercomponenten in de Sites 30-sjabloon en -thema's, zodat ontwikkelaars gemakkelijker formulieren kunnen maken en aanpassen binnen AEM.

  • Eenvoudigere stijl: De componenten van de Kern zijn gemakkelijker om dan hun stichtingscomponenten te stichten. Het proces voor het maken van thema's lijkt op Sites, waarbij u hetzelfde thema/CSS kunt overnemen van de bovenliggende pagina Sites. Bovendien maakt het BEM-model voor opmaak het eenvoudiger om de stijlen te begrijpen en wijzigen.

  • Toegankelijkheid: Aangepaste Forms Core-componenten ondersteunen toegankelijkheidsstandaarden en -richtlijnen om ervoor te zorgen dat formulieren kunnen worden gebruikt door mensen met een handicap, inclusief personen die gebruik maken van ondersteunende hulpmiddelen zoals schermlezers

Adaptieve Forms Core-componenten

De huidige versie van de Adaptive Forms Core Components is voorzien van de hieronder vermelde componenten.

Core Components instellen

De Adaptive Forms Core Components hebben de volgende vereisten.

AEM AEM Forms-invoegtoepassing Kernonderdelen
AEM as a Cloud Service Forms - Digitale inschrijving Release 2.20.8+
AEM 6,5 Forms-invoegtoepassing Release 1.1.12+

Een adaptief formulier maken op basis van kerncomponenten

AEM Forms as a Cloud Service: Wanneer u een nieuw as a Cloud Service AEM Forms-programma maakt, zijn de Adaptive Forms Core Components al ingeschakeld voor uw omgeving. Als u een as a Cloud Service Forms-omgeving hebt die is gebaseerd op Archetype 39 of eerder, Adaptieve Forms Core-componenten inschakelen voor uw omgeving.

Als u de Core Components voor uw omgeving inschakelt, Adaptieve Forms (Core Component) sjabloon en canvasthema worden toegevoegd aan uw omgeving. Als uw AEM SDK-versie ouder is dan 2023.02.0, zorg ervoor dat u prerelease markering ingeschakeld in uw omgeving omdat Adaptive Forms Core Components deel uitmaakten van de pre-lease vóór de release van 2023.02.0.

Zie Een adaptief formulier maken (Kernonderdelen).

Op deze pagina