Op Adaptieve Forms gebaseerde Core Components maken creating-an-adaptive-form-core-components

Adobe adviseert het gebruiken van de Componenten van de Kern Aangepaste Forms aan een Pagina van AEM Sitestoe te voegen of standalone Aangepaste Formstot stand te brengen.

Versie
Artikelkoppeling
AEM as a Cloud Service
klik hier
AEM 6,5
Dit artikel

Met Adaptive Forms kunt u aantrekkelijke, responsieve, dynamische en adaptieve formulieren maken. AEM Forms biedt een gebruiksvriendelijke gebruikersvriendelijke gebruikersinterface om snel een Adaptive Forms te maken. De gebruikersinterface biedt snelle tabnavigatie waarmee u eenvoudig vooraf geconfigureerde sjablonen, stijlen, velden en verzendopties kunt selecteren om een adaptief formulier te maken.

Voordat u begint, moet u meer weten over het type Forms-componenten waarover u beschikt:

  • Aangepaste Componenten van de Kern van Forms: Dit zijn gestandaardiseerde gegevens vangen componenten. Deze componenten bieden aanpassingsmogelijkheden, kortere ontwikkelingstijd en lagere onderhoudskosten voor uw digitale inschrijving. Een ontwikkelaar kan deze componenten eenvoudig aanpassen en opmaken. Adobe beveelt aan deze moderne en uitbreidbare componenten te gebruiken om Adaptive Forms te ontwikkelen.

  • Aangepaste Componenten van de Stichting van Forms: Dit zijn klassieke (oude) gegevens vangen componenten. U kunt deze blijven gebruiken om uw bestaande basiscomponenten te bewerken op basis van adaptief formulier. Als u vormen creeert, adviseert de Adobe gebruikend Aangepaste Componenten van de Kern van Formsom een Aangepaste Forms tot stand te brengen.

Voorwaarden

U hebt het volgende nodig om een adaptief formulier te maken:

  • laat de Aangepaste Componenten van de Kern van Forms voor uw milieu toe: AEM Versie van het Archetype project 41 of recenter wordt vereist om de Componenten van de Kern voor uw milieutoe te laten. Bij het toelaten van de Componenten van de Kern voor uw milieu, worden het Aangepaste Forms (de Component van de Kern) malplaatje en het thema van het Canvas toegevoegd aan uw milieu.

  • een Adaptief malplaatje van de Vorm: Een malplaatje verstrekt een basisstructuur en bepaalt verschijning (lay-outs en stijlen) van een Aangepast Vorm. Het heeft vooraf opgemaakte componenten die bepaalde eigenschappen en inhoudsstructuur bevatten. Het biedt ook de opties om een thema en een verzendactie te definiĆ«ren. In het thema wordt de actie look and feel and submit gedefinieerd voor de actie die moet worden ondernomen bij het verzenden van een adaptief formulier. U kunt steekproefmalplaatjesaan uw milieu ook opstellen. Hiermee kunt u snel formulieren maken.

    note note
    NOTE
    Als u niet hebt, Aangepaste Forms (de Component van de Kern) malplaatje op uw milieu, laat de Aangepaste Componenten van de Kern van Forms voor uw milieutoe. Bij het toelaten van de Componenten van de Kern voor uw milieu, wordt het Aangepaste Forms (de Component van de Kern) malplaatje toegevoegd aan uw milieu.
  • een Adaptief thema van de Vorm: Een thema bevat het stileren details voor de componenten en de panelen. Stijlen omvatten eigenschappen zoals achtergrondkleuren, statuskleuren, transparantie, uitlijning en grootte. Wanneer u een thema toepast, weerspiegelt de opgegeven stijl de corresponderende componenten. Het thema Canvas wordt standaard toegevoegd wanneer u kerncomponenten inschakelt voor uw omgeving. U kunt de standaardthema'sdownloaden en aanpassen. Voor uit de doos thema's kunt u steekproefthema'saan uw milieu opstellen. Deze hulp u begint uw vormen te stileren en een basisstructuur te verstrekken om een thema tot stand te brengen of aan te passen volgens uw bedrijfsvereisten.

  • Toestemmingen: Voeg uw gebruikers aan forms-users groep toe. De leden van de groep forms-users hebben machtigingen om een adaptief formulier te maken. Voor gedetailleerde lijst van vorm-specifieke gebruikersgroepen, zie Groepen en toestemmingen.

Een adaptief formulier maken create-an-adaptive-form

  1. Login aan uw lokale AEM auteursinstantie.

  2. Ga uw geloofsbrieven op de Experience Manager login pagina in. Nadat u zich hebt aangemeld, selecteert u in de linkerbovenhoek Adobe Experience Manager > Forms > Forms & Documents .

  3. Selecteer Create > Create Adaptive Forms .

  4. Selecteer een sjabloon voor Adaptieve Forms Core-componenten en klik op Next .

  5. De lus Add Properties wordt weergegeven. Geef de waarden op voor de volgende eigenschapvelden. De velden Titel en Naam zijn verplicht:

    • Title: Hiermee geeft u de weergavenaam van het formulier op. Met de titel kunt u het formulier identificeren in de gebruikersinterface van Experience Manager Forms .
    • Name: Hiermee geeft u de naam van het formulier op. Er wordt een knooppunt met de opgegeven naam gemaakt in de repository. Wanneer u een titel begint te typen, wordt automatisch een waarde voor het naamveld gegenereerd. U kunt de voorgestelde waarde wijzigen. Het naamveld mag alleen alfanumerieke tekens, afbreekstreepjes en onderstrepingstekens bevatten.
    • Description: Hiermee geeft u gedetailleerde informatie over het formulier op.
    • Theme Client Library: Specificeert het thema voor een Aangepast Vorm. Standaard is het thema adaptiveform.theme.canvas3 geselecteerd. U kunt ook een ander thema kiezen in het keuzemenu Theme Client Library .
    • Configuration Container: Definieert een locatie waar configuratiebestanden voor Adaptive Forms worden opgeslagen. Deze configuratiebestanden bevatten instellingen en eigenschappen die verwant zijn aan het gedrag en de weergave van Adaptive Forms.
    • Tags: Hiermee geeft u codes op om het adaptieve formulier op unieke wijze te identificeren. Tags helpen u bij het zoeken naar het formulier. Als u tags wilt maken, typt u nieuwe tagnamen in het vak Tags .
  6. Selecteer Create. Er wordt een adaptief formulier gemaakt en er wordt een dialoogvenster weergegeven om het formulier te openen voor bewerking.

  7. Selecteer Edit om het nieuwe formulier op een nieuw tabblad te openen. Het formulier wordt geopend voor bewerking en geeft de inhoud weer die beschikbaar is in de sjabloon. De zijbalk wordt ook weergegeven om het nieuwe formulier aan te passen.

Gebruik Adaptieve Forms Core-componenten om uw formulier te maken

Nadat u het formulier hebt geopend voor bewerking, kunt u met de beschikbare Adaptive Forms Core Components formuliervelden toevoegen aan uw formulier. U kunt slepen-en-daling of gebruiken + [ tussenvoegselcomponent ] optie om deze componenten aan een vorm toe te voegen. Zie, AEM de documentatie van de Componenten van de Kern om over beschikbare Aangepaste Componenten van de Kern van Formste leren. U kunt https://aemcomponents.dev/ook bezoeken om beschikbare kerncomponenten in actie te bekijken.

Handeling verzenden voor een adaptief formulier configureren configure-submit-action-for-form

Met een handeling Verzenden kunt u de bestemming kiezen van gegevens die zijn vastgelegd in een adaptief formulier. Deze wordt geactiveerd wanneer een gebruiker op de knop Verzenden klikt op een adaptief formulier. Aangepaste formulieren bevatten enkele van de verzendacties. U kunt ook een standaardverzendactie uitbreiden om uw eigen aangepaste verzendactie te maken. Een handeling verzenden voor uw formulier configureren:

  1. Open de browser Inhoud en selecteer de component Guide Container van het adaptieve formulier.

  2. Klik de eigenschappen van de Container van de Gids eigenschappen van de Gids pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Klik op de tab Submission .

    klik het pictogram van de Sleutel om de Adaptieve de dialoogdoos van de Container van de Vorm te openen om een verzendactie te vormen

  4. Selecteer en configureer een Submit action op basis van uw vereisten. Voor gedetailleerde informatie over Submit Acties, zie Aangepaste Vorm verzenden Actie

Leid de gebruiker om naar een pagina of toon een dank u bericht bij de vormverzending

Bij het verzenden van een formulier kunt u de gebruiker omleiden naar een andere webpagina of een bericht. Om de gebruiker om te leiden of het dank u bericht te vormen:

  1. Open de browser Inhoud en selecteer de component Guide Container van het adaptieve formulier.

  2. Klik de eigenschappen van de Container van de Gids eigenschappen van de Gids pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Open de tab Submission .

    klik het pictogram van de Sleutel om de Aangepaste de dialoogdoos van de Container van de Vorm te openen om een omleidingspagina te vormen of u te danken bericht

    • Als u een omleidings-URL wilt configureren, bijvoorbeeld bij Verzenden, selecteert u de optie Redirect to URL en bladert en selecteert u een AEM Sites-pagina of geeft u de URL van een externe pagina op.

    • Als u een aangepast bericht of een bedankbericht wilt configureren, bijvoorbeeld bij Verzenden, selecteert u de optie Show Message en geeft u een bericht op in het vak Message content . Het is een tekstvak met tekstopmaak. U kunt de optie Volledig scherm gebruiken om alle beschikbare tekstitems weer te geven.

Een schema of formuliergegevensmodel configureren voor een adaptief formulier configure-schema-or-data-model-for-form

Met het formuliergegevensmodel kunt u een formulier verbinden met een gegevens-Source en gegevens verzenden en ontvangen op basis van gebruikersacties. U kunt een formulier ook verbinden met een JSON-schema om de verzonden gegevens in een vooraf gedefinieerde indeling te ontvangen. Afhankelijk van de vereiste verbinding, sluit uw formulier aan op een JSON-schema of formuliergegevensmodel:

Een JSON-schema of formuliergegevensmodel voor uw formulier configureren

Een JSON-schema of formuliergegevensmodel configureren voor uw formulier:

  1. Open de browser Inhoud en selecteer de component Guide Container van het adaptieve formulier.

  2. Klik de eigenschappen van de Container van de Gids eigenschappen van de Gids pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Open de tab Data Model .

    klik het pictogram van de Sleutel om de Adaptieve de dialoogdoos van de Container van de Vorm te openen om een JSON- schema of model van vormgegevens te vormen

  4. Selecteer en configureer een JSON-schema of formuliergegevensmodel op basis van uw vereisten:

    • Als u de optie Form Model selecteert, gebruikt u de optie Select Form Data Model om een vooraf geconfigureerd formuliergegevensmodel te selecteren.
    • Als u de optie Schema selecteert, gebruikt u de optie Schema om een JSON-schema voor uw formulier te selecteren.
  5. Klik op Done.

NOTE
U kunt het JSON-schema of het formuliergegevensmodel voor een adaptief formulier bewerken met de eigenschappen van de Guide Container.

Een prefill-service configureren configure-prefill-service-for-form

U kunt de Prefill-service gebruiken om automatisch velden van een adaptief formulier in te vullen met bestaande gegevens. Wanneer een gebruiker een formulier opent, worden de waarden voor die velden vooraf ingevuld. U kunt:

De service Vooraf invullen van formuliergegevensmodel gebruiken om velden van een adaptief formulier vooraf in te vullen fdm-prefill-service

U kunt de service Vooraf invullen van formuliergegevensmodel gebruiken om velden van een adaptief formulier vooraf in te vullen met een formuliergegevensmodel of een aangepaste voorinvulservice. Het model van Gegevens van de Vorm Prefill de dienst gebruikt krijgt Dienst van het gevormde Model van Gegevens van de Vormom gegevens terug te winnen. Als u de service Vooraf invullen van formuliergegevensmodel wilt gebruiken voor een adaptief formulier:

  1. Open de browser Inhoud en selecteer de component Guide Container van het adaptieve formulier.
  2. Klik de eigenschappen van de Container van de Gids eigenschappen van de Gids pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.
  3. Klik het AanpassingsEigenschappen van de Container van de Vorm AanpassingsContainer eigenschappen pictogram. Het dialoogvenster Aangepaste formuliercontainer voor het configureren van gegevensmodellen wordt geopend.
    klik het pictogram van de Sleutel om de Aangepaste de dialoogdoos van de Container van de Vorm te openen om een omleidingspagina te vormen of u te danken bericht
  4. Selecteer een formuliergegevensmodel. Open de tab Basic . Selecteer Form Data Model Prefill Service in de service Prefill.
  5. Klik op Done. Uw adaptieve formulier is nu geconfigureerd voor vooraf invullen van formuliergegevensmodel. U kunt nu, de regelredacteurgebruiken om regels tot stand te brengen om gebieden van de vorm vooraf in te vullen.

Hoe wijzigt u de naam van een AEM adaptief formulier? rename-an-AEM-Adaptive-Form

Voer de volgende stappen uit om de naam van een adaptief formulier te wijzigen:

  1. Selecteer een adaptief formulier in uw AEM Forms-gebruikersinterface.

  2. Klik op Eigenschappen die op de hogere spoorstaaf wordt gevestigd.

    Eigenschappen

  3. Verander de naam van de vorm op het lusje van de Titel, zoals aangetoond in het hieronder beeld.

  4. Klik sparen en Sluiten.

    noem een AEM Aanpassings Vorm anders

Volgende functies

Zie ook

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2