Inleiding tot het ontwerpen van adaptieve formulieren

Een formuliergegevensmodel gebruiken
Gegevensintegratie Hiermee kunt u entiteiten en services integreren van verschillende gegevensbronnen in een formuliergegevensmodel waarmee u adaptieve formulieren kunt maken. Kies een formuliergegevensmodel als het adaptieve formulier dat u maakt, bestaat uit het ophalen en schrijven van gegevens van en naar meerdere gegevensbron.

Een XDP-formuliersjabloon gebruiken
Het is een ideaal formuliermodel als u investeert in XFA-gebaseerde of XDP-formulieren. Dit biedt een directe manier om uw XFA-formulieren om te zetten in adaptieve formulieren. Bestaande XFA-regels blijven behouden in de bijbehorende adaptieve formulieren. De resulterende adaptieve formulieren ondersteunen XFA-constructies, zoals validaties, gebeurtenissen, eigenschappen en patronen.

Een XML-schemadefinitie (XSD) of een JSON-schema gebruiken
De schema's van XML en JSON vertegenwoordigen de structuur waarin de gegevens door het achterste deelsysteem in uw organisatie worden geproduceerd of worden verbruikt. U kunt het schema koppelen aan een adaptief formulier en de elementen ervan gebruiken om dynamische inhoud toe te voegen aan het aangepaste formulier. De elementen van het schema zijn beschikbaar voor gebruik op het tabblad Gegevensmodelobjecten van de browser Inhoud wanneer u adaptieve formulieren maakt.

Geen of geen formuliermodel gebruiken

Zijbalk

Pagina, werkbalk

Component, werkbalk

Aangepaste formulierpagina

Zie formulierinhoud zoals deelvensters, componenten, velden en indeling.

Eigenschappen van componenten bewerken.

Zoek, bekijk en gebruik middelen in uw AEM DAM-opslagplaats (Digital Asset Management).

Voeg componenten toe aan uw formulier.

Klik om te vergroten

Inhoudsbrowser

In de inhoudbrowser kunt u zien

• Formulierobjecten

  Hiermee geeft u de objecthiërarchie van het formulier weer. Auteurs kunnen naar specifieke formuliercomponenten navigeren door op dat element te tikken in de formulierobjectstructuur. Auteur kan objecten zoeken en opnieuw rangschikken vanuit deze structuur.

• Gegevensmodelobjecten

  Hiermee kunt u de hiërarchie van het formuliermodel bekijken.

  Hiermee kunt u formuliermodelelementen naar het aangepaste formulier slepen en neerzetten. De toegevoegde elementen worden automatisch geconverteerd naar formuliercomponenten met behoud van hun oorspronkelijke eigenschappen. U kunt gegevensmodelobjecten zien wanneer uw formulier gebruikmaakt van een XML-schema, JSON-schema of XDP-sjabloon.

Eigenschappenbrowser

Hiermee kunt u de eigenschappen van een component bewerken. De eigenschappen veranderen afhankelijk van een component. Eigenschappen van de adaptieve formuliercontainer weergeven:

Selecteer een component en tik vervolgens op > Adaptive Form Container en tikt u vervolgens op .

Bandenbrowser

Hiermee kunt u verschillende typen inhoud segmenteren, zoals afbeeldingen, documenten, pagina's, films, enzovoort.

Browser voor componenten

Bevat componenten die u kunt gebruiken om een adaptief formulier te maken. U kunt componenten van het aangepaste formulier naar het aangepaste formulier slepen om formulierelementen toe te voegen en toegevoegde elementen configureren volgens de vereisten. In de volgende tabel worden de componenten beschreven die in de componentbrowser worden weergegeven.

Elke component heeft bijbehorende eigenschappen die de weergave en functionaliteit ervan bepalen. Tik op de component en tik om de eigenschappen van een component te configureren om de componenteigenschappen in de browser van Eigenschappen te openen.

Een component wordt geïdentificeerd met zijn elementnaam. Wanneer u tikt kunt u de naam van de component wijzigen door de Element Name veldwaarde in de eigenschappenbrowser. Het veld Elementnaam accepteert alleen letters, cijfers, koppeltekens (-) en onderstrepingstekens (_). Andere speciale tekens zijn niet toegestaan en de elementnaam moet met een letter beginnen.

U kunt de eigenschap Titel van een adaptieve formuliercomponent inline wijzigen in de formuliereditor zonder de browser Eigenschappen te openen, zolang de titel maar zichtbaar is op het formulier. Daartoe:

1. Tik om een component te selecteren die een Title eigendom en waarvan Hide title eigenschap is uitgeschakeld.
2. Tikken om de titel bewerkbaar te maken.
3. Wijzig de titel en tik op de Return-toets of tik ergens buiten de component om de wijzigingen op te slaan. Tik op Esc om de wijzigingen te verwijderen.

Sommige adaptieve formuliercomponenten, zoals E-mail en Telefoon, bevatten validatiepatronen die niet in de verpakking staan. U kunt echter aangepaste validatie opgeven door het dialoogvenster Validation Pattern onder de accordeon Patronen in de eigenschappen van de component. Zie de componentbeschrijvingen in de bovenstaande tabel voor meer informatie over standaardvalidaties.

Adaptieve formuliervelden, zoals Numeriek vak en E-mail, kunnen zo worden geconfigureerd dat ze ook speciale HTML5-invoertypen bevatten. Wanneer deze velden de focus hebben op mobiele apparaten en tablets, worden op het toetsenblok specifieke alfabet, getallen en tekens vóór weergegeven die doorgaans worden gebruikt voor het invoeren van informatie in de velden. Het helpt gebruikers informatie snel ingaan zonder het moeten tussen karakterreeksen op het toetsenbord van een knevel voorzien. Als u gespecialiseerde invoer voor een component wilt toestaan, schakelt u de optie Use HTML Type Number in de componenteigenschappen.

U kunt een component van de Doos van de Tekst toelaten om RTF goed te keuren. Als u RTF-tekst wilt inschakelen voor een tekstvak, schakelt u de optie Allow Rich Text in de componenteigenschappen.

U kunt de componenten van het Doos van de Tekst, E-mail, en van de Telefoon aan autofill waarden voor gebieden zoals naam, adres, creditcard, telefoon, en e-mail van de informatie toelaten die in browser autofill montages wordt opgeslagen. Selecteer Enable Autofill in de componenteigenschappen en selecteer een Autofill Attribute. Wanneer een gebruiker een adaptief formulier invult, worden de waarden voorgesteld vanuit het profiel Automatisch vullen in de browser of op basis van de waarden die eerder door de gebruiker zijn ingevuld. Automatisch vullen werkt alleen als de instellingen voor automatisch vullen in de browser van de gebruiker zijn ingeschakeld.

Geef waarden op voor de items Keuzerondje en Selectievakje in {value}={text} in componenteigenschappen.

Met de component Bestandsbijlage kan een gebruiker standaard slechts één bestand bijvoegen. U kunt de componenteigenschappen echter configureren om meerdere bijlagen te ondersteunen. Als een gebruiker meerdere bestanden met dezelfde bestandsnaam bijvoegt, kunnen er bovendien problemen optreden in de bijlagen. Daarom wordt aanbevolen een unieke id te koppelen voor elke verzonden bijlage bij het verzenden van het formulier. Daartoe:

1. Navigeer op uw AEM Forms-server naar Adobe Experience Manager > Tools > Operations > Web Console.
2. Zoeken en tikken Adaptive Forms Configuration Service.
3. Schakel in het dialoogvenster Adaptive Forms Configuration Service de optie Make File Names Unique. Standaard is dit uitgeschakeld.

Om gebruikers in staat te stellen een PDF vast te maken gebruikend browser Safari, zorg ervoor dat application/pdf wordt toegevoegd aan de eigenschap Ondersteunde bestandstypen van de component Bestandsbijlage. Aangepaste formulieren die zijn gemaakt met een eerdere AEM Forms-versie kunnen .pdf in plaats van application/pdf in de eigenschap Ondersteunde bestandstypen.

Toggle Side Panel : Hiermee kunt u Zijbalk tonen of verbergen.

Page information : Hiermee kunt u pagina-eigenschappen weergeven, een formulier publiceren/publiceren, een formulierwerkstroom starten en het formulier openen in een klassieke gebruikersinterface.

Emulator : Hiermee kunt u het uiterlijk van een formulier emuleren voor verschillende weergavegrootten, zoals tablets en telefoons.

Edit: Hiermee kunt u andere modi selecteren, zoals: Bewerken, Stijl, Ontwikkelaar en Ontwerp.

• Edit: Hiermee kunt u de eigenschappen van het formulier en de componenten ervan bewerken. U kunt bijvoorbeeld een component toevoegen, een afbeelding neerzetten en verplichte velden opgeven.

• Style: Hiermee kunt u de vormgeving van componenten van het formulier opmaken. In de stijlmodus kunt u bijvoorbeeld een deelvenster selecteren en de achtergrondkleur ervan opgeven.

• Developer: Hiermee kan een ontwikkelaar:

  • Ontdek waaruit de formulieren bestaan.
  • Foutopsporing waar en wanneer gebeurt, wat weer helpt om problemen op te lossen.

• Design: Hiermee kunt u aangepaste componenten, of componenten buiten het vak die niet in het zijpaneel staan, in- of uitschakelen.

Preview: Hiermee kunt u een voorbeeld bekijken van de weergave van het formulier wanneer u het publiceert.

guideContainer: De basis van een adaptief formulier, gemarkeerd als Begin van het adaptieve formulier in de gebruikersinterface van het adaptieve formulier. In deze component kunt u het volgende opgeven:

• Mobiele lay-out van het adaptieve formulier: Hiermee definieert u de weergave van het formulier op mobiele apparaten.
• Pagina Bedankt: Hiermee definieert u de pagina waarop de gebruiker na het verzenden van het formulier wordt omgeleid.
• Handeling verzenden: Hiermee bepaalt u hoe het formulier op de server wordt verwerkt wanneer de gebruiker het formulier verzendt.
• Stijlen: Hiermee geeft u het pad op naar het CSS-bestand dat wordt gebruikt om de weergave van het formulier aan te passen.

rootPanel: Het hoofddeelvenster van een adaptief formulier. Het kan subdeelvensters onder de puntenknoop bevatten. Aan elk deelvenster, inclusief het hoofddeelvenster, kan een lay-out zijn gekoppeld. De indeling van het deelvenster bepaalt hoe het formulier wordt opgemaakt. In de accordeonlay-out* worden *de onderdelen weergegeven als Accordion-stappen.

toolbar: Een adaptieve formuliercontainer heeft een bijbehorende algemene werkbalk, die algemeen is voor het formulier. Deze werkbalk kan worden toegevoegd met de opdracht Werkbalk toevoegen in de bewerkbalk. Hiermee kunnen auteurs handelingen toevoegen, zoals Verzenden, Opslaan, Herstellen, enzovoort.

assets: Dit knooppunt bevat aanvullende informatie die wordt gebruikt voor het ontwerpen van formulieren. Bijvoorbeeld details van het formuliermodel, lokalisatiedetails, enzovoort).