Een adaptief formulier maken

Laatste update: 2024-02-23
  • Gemaakt voor:
  • Beginner
    User
    Developer
Versie Artikelkoppeling
AEM 6,5 Klik hier
AEM as a Cloud Service Dit artikel

Met Adaptive Forms kunt u aantrekkelijke, responsieve, dynamische en adaptieve formulieren maken. AEM Forms biedt een gebruiksvriendelijke wizard voor zakelijke gebruikers om snel een Adaptive Forms te maken. De wizard beschikt over een 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:

  • Adaptieve Forms Core-componenten: Dit zijn gestandaardiseerde componenten voor het vastleggen van gegevens. 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 Forms Foundation-componenten: Dit zijn klassieke (oude) componenten voor gegevensvastlegging. U kunt deze blijven gebruiken om uw bestaande basiscomponenten te bewerken op basis van adaptief formulier. Als u nieuwe formulieren maakt, wordt u door de Adobe aanbevolen Adaptieve Forms Core-componenten om een Adaptieve Forms te maken.

Wizard voor het maken van een adaptief formulier

Voorwaarden

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

  • Adaptieve Forms Core-componenten inschakelen voor uw omgeving: Wanneer u een programma maakt, zijn de Adaptive Forms Core Components al ingeschakeld voor uw omgeving. Als u een as a Cloud Service Forms-omgeving hebt 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.

  • Een adaptieve formuliersjabloon: Een sjabloon biedt een basisstructuur en definieert de vormgeving (lay-outs en stijlen) van een adaptief formulier. 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. Bijvoorbeeld, verzendend de verzamelde gegevens naar een gegevensbron. De cloudservice biedt een OOTB-sjabloon met de naam blank:

    • De blank De sjabloon wordt bij elk nieuw as a Cloud Service AEM Forms-programma geleverd.
    • U kunt het referentiepakket installeren via Package Manager om het blank template naar uw as a Cloud Service AEM Forms-programma.
    • U kunt een adaptieve Forms-sjabloon maken (Core Components) helemaal niet.
    • U kunt ook voorbeeldsjablonen naar uw omgeving. Hiermee kunt u snel formulieren maken.
  • Een adaptief formulierthema: Een thema bevat opmaakgegevens voor de componenten en deelvensters. Stijlen omvatten eigenschappen zoals achtergrondkleuren, statuskleuren, transparantie, uitlijning en grootte. Wanneer u een thema toepast, weerspiegelt de opgegeven stijl de corresponderende componenten. De Canvas De sjabloon wordt bij elk nieuw as a Cloud Service AEM Forms-programma geleverd. U kunt ook voorbeeldthema's naar uw omgeving. 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.

  • Machtigingen: Voeg uw gebruikers toe aan forms-users groep. De leden van de forms-users groep heeft machtigingen om een adaptief formulier te maken. Zie voor een gedetailleerde lijst met formulierspecifieke gebruikersgroepen Groepen en machtigingen.

Een adaptief formulier maken

  1. Aanmelden bij uw Experience Manager Forms Auteur-instantie. Dit kan een Cloud-instantie of een lokale ontwikkelingsinstantie zijn.

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

  3. Selecteren Create > Adaptive Forms. De wizard wordt geopend. Selecteer een sjabloon op het tabblad Bron:

    Sjabloon voor kerncomponenten

    Wanneer u een sjabloon selecteert, wordt de actie voor het thema en het verzenden die in de sjabloon is opgegeven automatisch geselecteerd en wordt de opdracht Create wordt ingeschakeld. Je kunt naar de Style of Submission tabs om een ander thema te selecteren of actie te verzenden. Als de geselecteerde sjabloon geen thema opgeeft, blijft de knop Maken uitgeschakeld. Je kunt naar de Styles om handmatig een thema te selecteren.

    OPMERKING

    Als u dat niet doet, Adaptieve Forms (Core Component) sjabloon op uw omgeving, Adaptieve Forms Core-componenten inschakelen voor uw omgeving. Als u de Core Components voor uw omgeving inschakelt, Adaptieve Forms (Core Component) sjabloon wordt toegevoegd aan uw omgeving.

  4. In de Style selecteert u een thema:

    • Als de geselecteerde sjabloon een thema opgeeft, wordt het thema automatisch geselecteerd in de wizard. U kunt ook een ander thema kiezen op het tabblad Stijl.

    • Als de geselecteerde sjabloon geen thema opgeeft, kunt u het tabblad Stijl gebruiken om een thema te kiezen. De Create De knop wordt alleen ingeschakeld nadat een thema is geselecteerd.

  5. (Optioneel) Selecteer op het tabblad Gegevens een gegevensmodel:

    • Formuliergegevensmodel: A Formuliergegevensmodel Hiermee kunt u entiteiten en services integreren van verschillende gegevensbronnen tot een adaptief formulier. Kies Formuliergegevensmodel als het adaptieve formulier dat u maakt, bestaat uit het ophalen en schrijven van gegevens van en naar meerdere gegevensbron.

    • JSON Schema: JSON-schema Met ons adaptieve formulier op basis van Core-Components kunt u naadloze integratie tot stand brengen met het back-end systeem van uw organisatie door de mogelijkheid te bieden om een JSON-schema te koppelen, dat de structuur vertegenwoordigt van de gegevens die worden geproduceerd of verbruikt. Met deze koppeling kunnen auteurs dynamisch inhoud toevoegen aan het adaptieve formulier met behulp van de elementen van het schema. De elementen van het schema zijn tijdens het ontwerpproces gemakkelijk toegankelijk op het tabblad Gegevensmodelobjecten van de inhoudbrowser en alle velden worden automatisch toegevoegd aan elk gemaakt adaptief formulier.

    Standaard worden alle velden van het gekoppelde JSON-schema automatisch geselecteerd en geconverteerd naar de overeenkomstige componenten van het adaptieve formulier, waardoor het ontwerpproces wordt gestroomlijnd. De wizard biedt het extra gebruiksgemak waarmee u via selectievakjes kunt kiezen welke velden in het adaptieve formulier moeten worden opgenomen.

  6. In de Submission selecteert u een verzendactie:

    • Wanneer u een sjabloon selecteert, wordt de verzendactie die in de sjabloon is opgegeven automatisch geselecteerd. U kunt een andere verzendactie selecteren op het tabblad Verzending. De ​ Submission worden alle beschikbare verzendhandelingen weergegeven.

    • Als de geselecteerde sjabloon geen verzendactie opgeeft, kunt u de opdracht Submission tabblad om een verzendactie te selecteren

  7. (Optioneel) In het dialoogvenster Delivery kunt u een publicatiedatum of een publicatiedatum opgeven voor een adaptief formulier.

  8. Selecteer Create. Er wordt een dialoogvenster weergegeven waarin u de titel, naam en locatie voor het opslaan van het adaptieve formulier kunt opgeven:

    • Title Hier geeft u de weergavenaam van het formulier op. Met de titel kunt u het formulier identificeren in het dialoogvenster Experience Manager Forms gebruikersinterface.
    • Name: Hier 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. Alle ongeldige invoer wordt vervangen door een afbreekstreepje.
    • Path: Hier geeft u de locatie op waar het adaptieve formulier moet worden opgeslagen. U kunt het adaptieve formulier rechtstreeks opslaan op /content/dam/formsanddocuments of maak een map, zoals /content/dam/formsanddocuments/adaptiveforms een adaptief formulier opslaan. Zorg ervoor dat u de map maakt voordat u deze in het pad gebruikt. De Path wordt niet automatisch een map gemaakt.
  9. Selecteer Create. Er wordt een adaptief formulier gemaakt en geopend in de Adaptive Forms-editor. De redacteur toont de inhoud beschikbaar in het malplaatje. Op basis van het type adaptief formulier worden de formulierelementen in het bijbehorende formulier Het JSON-schema of het formuliergegevensmodel worden weergegeven in het Data Model Objects tabblad van het Content Browser in de zijbalk. U kunt deze elementen ook slepen en neerzetten om het adaptieve formulier te maken.

Nu kunt u de Adaptieve Forms Core-componenten naar Adaptive Forms-container om het formulier te ontwerpen en te maken. U kunt ook https://aemcomponents.dev/ om beschikbare kerncomponenten in actie te bekijken.

Handeling verzenden voor een adaptief formulier configureren

Met een handeling Verzenden kunt u de bestemming kiezen van gegevens die zijn vastgelegd via 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 Inhoudsbrowser en selecteer de Guide Container van uw adaptieve formulier.

  2. Klik op de eigenschappen van de container van de hulplijn Eigenschappen van hulplijnen pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Klik op de knop Submission tab.

    Klik op het pictogram Sleutel om het dialoogvenster Aangepaste formuliercontainer te openen om een verzendactie te configureren

  4. Selecteer en vorm een Submit action, op basis van uw vereisten. Zie voor meer informatie over Handelingen verzenden Handeling Adaptief verzenden van formulier

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 Inhoudsbrowser en selecteer de Guide Container van uw adaptieve formulier.

  2. Klik op de eigenschappen van de container van de hulplijn Eigenschappen van hulplijnen pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Open de Submission tab.

    Klik op het pictogram Sleutel om het dialoogvenster Aangepaste formuliercontainer te openen om een omleidingspagina of een bedankbericht te configureren

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

    • Als u een aangepast bericht of een bedankbericht wilt configureren, selecteert u bij Verzenden de optie Show Message en geef een bericht op in het dialoogvenster Message content doos. 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

Met het formuliergegevensmodel kunt u een formulier verbinden met een gegevensbron om gegevens te verzenden en te 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 Inhoudsbrowser en selecteer de Guide Container van uw adaptieve formulier.

  2. Klik op de eigenschappen van de container van de hulplijn Eigenschappen van hulplijnen pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.

  3. Open de Data Model tab.

    Klik op het pictogram Sleutel om het dialoogvenster Aangepaste formuliercontainer te openen om een JSON-schema of formuliergegevensmodel te configureren

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

    • Wanneer u Form Model gebruiken Select Form Data Model om een vooraf geconfigureerd formuliergegevensmodel te selecteren.
    • Wanneer u Schema gebruiken Schema Selecteer een JSON-schema voor uw formulier.
  5. Klik op Done.

Een prefill-service configureren

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

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. De service Vooraf invullen formuliergegevensmodel gebruikt de De service van het geconfigureerde formuliergegevensmodel ophalen om gegevens op te halen. Als u de service Vooraf invullen van formuliergegevensmodel wilt gebruiken voor een adaptief formulier:

  1. Open de Inhoudsbrowser en selecteer de Guide Container van uw adaptieve formulier.
  2. Klik op de eigenschappen van de container van de hulplijn Eigenschappen van hulplijnen pictogram. Het dialoogvenster Aangepaste formuliercontainer wordt geopend.
  3. Klik op de eigenschappen van de container van het adaptieve formulier Eigenschappen van adaptieve formuliercontainers pictogram. Het dialoogvenster Aangepaste formuliercontainer voor het configureren van gegevensmodellen wordt geopend.
    Klik op het pictogram Sleutel om het dialoogvenster Aangepaste formuliercontainer te openen om een omleidingspagina of een bedankbericht te configureren
  4. Selecteer een formuliergegevensmodel. Open de Basic tab. Selecteer in de service Prefill de optie Form Data Model Prefill Service.
  5. Klik op Done. Uw adaptieve formulier is nu geconfigureerd voor vooraf invullen van formuliergegevensmodel. U kunt nu de regeleditor om regels te maken voor het vooraf invullen van velden van het formulier.

Eigenschappen van formuliermodellen bewerken in een adaptief formulier

  1. Selecteer het adaptieve formulier en selecteer Pagina-informatie > Open Properties. De pagina Formuliereigenschappen wordt geopend.

  2. Ga naar de Form Model en kiest u een formuliermodel. Als het adaptieve formulier geen formuliermodel heeft, hebt u de vrijheid om een JSON-schema of een formuliergegevensmodel te kiezen. Als het adaptieve formulier echter al is gebaseerd op een formuliermodel, kunt u overschakelen op een ander formuliermodel van hetzelfde type. Als het formulier bijvoorbeeld een JSON-schema gebruikt, kunt u eenvoudig overschakelen naar een ander JSON-schema. Op dezelfde manier kunt u overschakelen naar een ander formuliergegevensmodel als het formulier een formuliergegevensmodel gebruikt.

  3. Selecteren Save om de eigenschappen op te slaan.

Zie ook

Op deze pagina