Adaptieve Forms-editor introduction-to-authoring-adaptive-forms

de Adobe adviseert gebruikend de moderne en verlengbare gegevens vangen Componenten van de Kernvoor het creëren van nieuwe Aangepaste Formsof het toevoegen van Aangepaste Forms aan de pagina's van AEM Sites. Deze componenten betekenen een aanzienlijke vooruitgang in de aanmaak van Adaptive Forms en zorgen voor indrukwekkende gebruikerservaring. In dit artikel wordt een oudere aanpak beschreven voor de auteur Adaptive Forms die gebruikmaakt van stichtingscomponenten.

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

Overzicht overview

Met Adaptieve Forms kunt u aantrekkelijke, responsieve, dynamische en adaptieve formulieren maken. AEM Forms biedt een intuïtieve gebruikersinterface en kant-en-klare componenten voor het maken van en werken met Adaptieve Forms. U kunt desgewenst een adaptief formulier maken op basis van een formuliermodel of -schema of zonder formuliermodel. Het is belangrijk om zorgvuldig het formuliermodel te kiezen dat niet alleen aan uw vereisten voldoet, maar ook uw bestaande infrastructurele investeringen en middelen uitbreidt. U kunt uit de volgende opties kiezen om een adaptief formulier te maken:

  • Gebruikend een model van vormgegevens (FDM)
    de integratie van Gegevenslaat u entiteiten en de diensten van verschillende gegevensbronnen in aan een Model van de Gegevens van de Vorm (FDM) integreren dat u kunt gebruiken om Aangepaste Forms tot stand te brengen. Kies Formuliergegevensmodel (FDM) als het adaptieve formulier dat u maakt, bestaat uit het ophalen en schrijven van gegevens van en naar meerdere gegevensbron.

  • Gebruikend een Malplaatje van de Vorm XDP
    Het is een ideaal formuliermodel als u investeert in XFA-gebaseerde of XDP-formulieren. Het biedt een directe manier om uw XFA-formulieren om te zetten in Adaptive Forms. Bestaande XFA-regels blijven behouden in de gekoppelde Adaptive Forms. De resulterende Adaptieve Forms ondersteunt XFA-constructies, zoals validaties, gebeurtenissen, eigenschappen en patronen.

  • Gebruikend een Definitie van het Schema van XML (XSD) of een Schema JSON
    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 adaptieve formulier. De elementen van het schema zijn beschikbaar voor gebruik op het tabblad Gegevensmodelobjecten van de browser Inhoud wanneer u Adaptief Forms maakt.

  • Gebruikend niets of zonder een vormmodel
    Voor adaptieve Forms die met deze optie is gemaakt, wordt geen formuliermodel gebruikt. De XML-gegevens die op basis van dergelijke formulieren worden gegenereerd, hebben een vlakke structuur met velden en bijbehorende waarden.

    note note
    NOTE
    U kunt de eigenschappen van het formuliermodel wijzigen in de sjablooneditor voor Adaptief formulier of Adaptief formulier. Voor meer informatie, zie de Model eigenschappen van de Vorm van een AanpassingsVormuitgeven.

Om een AanpassingsVorm tot stand te brengen, zie Creërend een AanpassingsVorm.

Gebruikersinterface voor adaptieve formulierontwerp adaptive-form-authoring-ui

De interface voor het optimaliseren van aanrakingen voor het ontwerpen van Adaptive Forms is intuïtief en biedt:

  • Functionaliteit voor slepen en neerzetten
  • Standaardformuliercomponenten
  • Geïntegreerde opslagplaats voor middelen

Wanneer u een bestaand adaptief formulier maakt of bewerkt, gebruikt u de volgende UI-elementen:

Zijbalk sidebar

Met de zijbalk kunt u

  • Zoek, bekijk en gebruik middelen in uw AEM DAM-opslagplaats (Digital Asset Management).
  • Zie formulierinhoud zoals deelvensters, componenten, velden en indeling.
  • Voeg componenten toe aan uw formulier.
  • Eigenschappen van componenten bewerken.

Sidebar

A. browser van de Inhoud B. browser van Eigenschappen C. browser van Assets D. Browser van Componenten

De zijbalk bestaat uit de volgende browsers:

  • browser van de Inhoud
    In de inhoudbrowser kunt u zien:

    • Objecten van de Vorm
      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.

    • Modelvoorwerpen van Gegevens
      Hiermee kunt u de hiërarchie van het formuliermodel bekijken.
      Hiermee kunt u formuliermodelelementen naar het adaptieve 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.

  • browser van Eigenschappen

    Hiermee kunt u de eigenschappen van een component bewerken. De eigenschappen worden gewijzigd op basis van een component. Eigenschappen van de container van het Adaptief formulier weergeven:

    Selecteer een component, dan uitgezocht gebied-niveau > Adaptive Form Container, en selecteer dan eigenschappen .

  • browser van Assets

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

  • browser van Componenten

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

Component
Functionaliteit
Adobe Sign Block
Voegt een blok tekst met plaatsaanduidingen toe voor velden die moeten worden ingevuld tijdens het ondertekenen met Adobe Sign.
Knop
Voegt een knoop toe, die u kunt vormen om acties uit te voeren, zoals sparen, terugstellen, volgende gaan, vorige gaan, etc.
Captcha
Voegt CAPTCHA-validatie toe met de Google reCAPTCHA-service.
Diagram
Hiermee voegt u een grafiek toe die u kunt gebruiken in Adaptief Forms en documenten voor een visuele weergave van tweedimensionale gegevens in herhaalbare deelvensters en tabelrijen.
Selectievakje
Hiermee wordt een selectievakje toegevoegd.
Datuminvoerveld
Gebruik de component Datuminvoerveld in het formulier, zodat klanten dag, maand en jaar afzonderlijk in drie vakken kunnen invullen. U kunt de vormgeving van de component aanpassen en de datumnotatie wijzigen. U kunt uw klanten bijvoorbeeld datums laten invoeren in de notatie MM/DD/JJJJ of DD/MM/JJJJ.
Datumkiezer
Hiermee voegt u een kalender-veld toe waarin een datum wordt gekozen.
Documentfragment
Hiermee kunt u herbruikbare componenten van een correspondentie toevoegen.
Fragmentgroep document
Hiermee kunt u een groep gerelateerde documentfragmenten toevoegen die u in een lettertypesjabloon als één eenheid kunt gebruiken.
Vervolgkeuzelijst
Hiermee voegt u een vervolgkeuzelijst toe: één of meerdere selecties
E-mail

Hiermee voegt u een veld toe waarin u het e-mailadres kunt vastleggen. De component Email valideert standaard e-mailadressen met de volgende reguliere expressie.

^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$

Bestandsbijlage

Hiermee voegt u een knop toe waarmee gebruikers door ondersteunende documenten kunnen bladeren en deze aan een formulier kunnen toevoegen.

Nota: de component van de Bijlage van het Dossier steunt een vooraf bepaalde reeks dossierformaten in Aangepast Forms die voor Adobe Sign wordt toegelaten. Voor meer informatie, zie Gesteunde dossierformaten.

Lijst met bestandsbijlagen
Hiermee voegt u een veld toe met alle bijlagen die zijn geüpload met de component Bestandsbijlage.
Voettekst
Voegt de paginakop toe die typisch embleem van een onderneming, titel van de vorm, en samenvatting omvat.
Koptekst
Hiermee voegt u de voettekst van de pagina toe die meestal copyrightinformatie en koppelingen naar andere pagina's bevat.
Afbeelding
Hiermee kunt u een afbeelding invoegen.
Afbeeldingskeuze
Hiermee kunnen uw klanten een afbeelding selecteren die informatie verschaft. U kunt de informatie gebruiken om de gepersonaliseerde diensten aan uw klanten te verlenen.
Volgende knop
Hiermee voegt u een knop toe waarmee u naar het volgende venster in een formulier kunt navigeren.
Numeriek vak
Hiermee wordt een veld toegevoegd voor het vastleggen van numerieke waarden
Numerieke stap
Gebruik Numerieke Stepper in uw formulier om uw klanten een numerieke waarde te laten invoeren die ze op basis van een vooraf gedefinieerde stap kunnen verhogen of verlagen.
Deelvenster

Hiermee voegt u een deelvenster of subdeelvenster toe.

U kunt een paneelcomponent van de ouderpaneeltoolbar ook toevoegen gebruikend toevoegt het Comité van het Kind knop. Op dezelfde manier kunt u een paneel-specifieke toolbar toevoegen gebruikend toevoegt Toolbar van het Comité knop. U kunt de positie van de paneelwerkbalk configureren met behulp van het dialoogvenster Deelvenster bewerken.

Wachtwoordvak
Hiermee voegt u een veld toe waarin u een wachtwoord kunt vastleggen.
Vorige knop
Hiermee voegt u een knop toe die gebruikers nodig hebben om terug te gaan naar de vorige pagina of het vorige deelvenster.
Keuzerondje
Hiermee voegt u keuzerondjes toe.
Knop Opnieuw instellen
Hiermee voegt u een knop toe waarmee u formuliervelden opnieuw kunt instellen.
Knop Opslaan
Hiermee voegt u een knop toe om formuliergegevens op te slaan.
Krabbelhandtekening
Hiermee voegt u een veld voor het vastleggen van scripthandtekeningen toe.
Scheidingsteken
Hiermee schakelt u visuele segregatie van deelvensters in het formulier in.
Handtekeningstap
Hiermee geeft u de informatie weer die in het formulier en de handtekeningvelden is opgegeven, zodat de gebruiker het formulier kan verifiëren en ondertekenen.
Tekst
Hier kunt u statische tekst opgeven.
Verzendknop
Hiermee voegt u een verzendknop toe om het formulier naar de geconfigureerde handeling Verzenden te verzenden.
Samenvattingsstap
Hiermee verzendt u het formulier en de samenvattingstekst die de auteurs opgeven nadat het formulier is verzonden.
Overschakelen
Voegt een schakelaar toe die een knevel uitvoert of laat/onbruikbaar maakt actie toe. U kunt niet meer dan twee opties in de component van de Schakelaar toevoegen. Aangezien een schakelaar slechts twee waarden kan hebben: Aan of Uit, verplicht is niet van toepassing. Er wordt minstens één waarde opgeslagen, ongeacht de gebruikersinvoer.
Tabel
Hiermee voegt u een tabel toe waarin u gegevens in rijen en kolommen kunt ordenen.
Telefoon

Hiermee voegt u een veld toe waarin u het telefoonnummer kunt vastleggen. De component van de Telefoon staat auteurs toe om één van de volgende types van telefoonaantal te vormen. Elk type is gekoppeld aan een standaardreguliere expressie voor validatie.

  • Type International wordt gevalideerd door ^[+][0-9]{0,14}$ .
  • Type USPhoneNumber wordt gevalideerd door {'+1 ('999') '999-9999} .
  • Type UKPhoneNumber wordt gevalideerd door text{'+'99 999 999 9999} .
  • Aangepast type biedt geen standaard validatiepatroon. Het neemt de waarde van het laatste geselecteerde type van telefoonaantal. U kunt ook uw eigen aangepaste validatiepatroon opgeven.
Voorwaarden en bepalingen
Hiermee voegt u een veld toe waarin auteurs de voorwaarden kunnen opgeven die gebruikers kunnen bekijken voordat ze het formulier invullen.
Tekstvak

Voegt een tekstvak toe waarin een gebruiker de vereiste informatie kan opgeven.

Standaard accepteert de component Tekstvak alleen onbewerkte tekst. U kunt een component van de Doos van de Tekst toelaten om RTF goed te keuren. Een tekstcomponent met RTF-functionaliteit biedt opties voor het toevoegen van kopteksten, het wijzigen van tekenstijlen (vet, cursief, onderstrepen van tekens), het maken van geordende en ongeordende lijsten, het wijzigen van de tekstachtergrond en tekstkleur en het toevoegen van hyperlinks. Om rijke tekst voor een tekstvakje toe te laten, laat toe staat RTF optie in de componenteneigenschappen toe.

Titel
Hiermee geeft u een titel op voor het adaptieve formulier.
Stap verifiëren

Hiermee voegt u een tijdelijke aanduiding toe waarmee het ingevulde formulier wordt weergegeven ter verificatie door de gebruiker.

Nota : De adaptieve Vorm die de Verify component bevat steunt geen anonieme gebruikers. Het wordt ook afgeraden de component Verify te gebruiken in een adaptief formulierfragment.

Pagina, werkbalk page-toolbar

De pagina-werkbalk boven in het scherm bevat opties waarmee u een voorbeeld van het formulier kunt bekijken, de eigenschappen van het formulier kunt wijzigen en de indeling van het formulier kunt bewerken. U kunt een voorbeeld van het formulier bekijken wanneer u het maakt en de wijzigingen daarop aanbrengen. In de paginabooltoolbar, ziet u:

  • Knevel Zijpaneel knevel-zij-paneel : Laat u Zijbalk tonen of verbergen.

  • de informatie van de Pagina thema-opties : Laat u paginaeigenschappen bekijken, publiceren/unpublish een vorm, een vormwerkschema beginnen, en de vorm in klassieke UI openen.

  • Emulator heerser : Laat u het blik van uw vorm voor verschillende vertoningsgrootte zoals tabletten en telefoons emuleren.

  • geeft uit: Laat u andere wijzen zoals: Edit, Style, Developer, en Design selecteren.

    • geeft uit: Laat u de eigenschappen van de vorm en zijn componenten uitgeven. U kunt bijvoorbeeld een component toevoegen, een afbeelding neerzetten en verplichte velden opgeven.

    • Stijl: Laat u de verschijning van componenten van uw vorm opmaken. In de stijlmodus kunt u bijvoorbeeld een deelvenster selecteren en de achtergrondkleur ervan opgeven.

    • Ontwikkelaar: Laat een ontwikkelaar aan:

      • Ontdek waaruit de formulieren bestaan.

      • Foutopsporing waar en wanneer gebeurt, wat weer helpt om problemen op te lossen.

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

  • Voorproef: Laat u voorproef hoe de vorm kijkt wanneer u het publiceert.

Component, werkbalk component-toolbar

de toolbar van de Component in de aanraking UI

Wanneer u een component selecteert, ziet u een werkbalk waarin u de component kunt bewerken. U krijgt opties om, eigenschappen van de componenten te snijden te kleven, te bewegen en te specificeren. U kunt kiezen uit de volgende opties:

A.vormt: Wanneer u Configure selecteert, zijn de componenteneigenschappen zichtbaar in sidebar. Als u deze eigenschappen configureert, kunt u de ervaring voor het vastleggen van gegevens aanpassen. U kunt de elementnaam van de component wijzigen en de labeltekst opgeven in het veld Titel van de component. Met elementnaam kunt u waarden vastleggen die gebruikers invoeren met de component. In de componenteigenschappen geeft u het gedrag van de component op en beheert u de gebruikersinvoer. Configureer eigenschappen in de zijbalk om gebruikersgegevens vast te leggen en te gebruiken voor verdere verwerking. Met de eigenschappen voor de container Adaptief formulier kunt u clientbibliotheken, indelingen, thema's, Document of Record-instellingen, opslaginstellingen, verzendinstellingen en metagegevensinstellingen opgeven.

B.Exemplaar: U kunt de exemplaaroptie gebruiken om een component te kopiëren en het in andere plaatsen in de vorm te kleven. Wanneer u een component plakt, krijgt de geplakte component een nieuwe elementnaam maar behoudt deze de eigenschappen van de gekopieerde component.

C.Besnoeiing: U kunt de besnoeiingsoptie gebruiken om een component van één plaats aan een andere in de Aangepaste Vorm te bewegen.

D. Schrapping: Laat u de component van de vorm schrappen.

E. Tussenvoegsel: Laat u een component boven de geselecteerde component opnemen.

F. Deeg: Laat u de component kleven u knipt of gebruikend de hierboven beschreven opties kopieerde.

G. geeft regels uit: Laat u de regelredacteur openen. Voor meer informatie,

H. Groep: Laat u veelvoudige componenten selecteren als u, meer dan één component samen knippen kopiëren of wilt kleven.

I. Ouder: Laat u de ouder van een component selecteren. Een tekstveld bevindt zich bijvoorbeeld binnen een subsectie, die zich in een sectie bevindt. De sectie bevindt zich in het hoofddeelvenster van de hulplijn en de container van het adaptieve formulier is de bovenliggende laag van een hoofddeelvenster van de hulplijn. Voor een component, kunt u alle opties zien met hiërarchie gesorteerd onderaan-op.

Als u bijvoorbeeld Parent voor een tekstvak selecteert, kunt u zien:

  • Onderafdeling
  • Sectie
  • guideRootPanel
  • Container voor adaptieve vorm

J. anderen: Verstrekt meer opties om met de geselecteerde component te werken.

  • SOM-expressie weergeven
  • Een deelvenster opslaan als fragment (alleen voor deelvensters)
  • Onderliggend deelvenster toevoegen (alleen voor deelvensters)
  • Deelvensterwerkbalk toevoegen (alleen voor deelvensters)
  • Vervangen (niet voor deelvensters)

Pagina Adaptief formulier af-page

De pagina Adaptief formulier is het daadwerkelijke formulier. Dit is net als elke andere WCM-pagina die is gemodelleerd als de WCM cq:Page -component. In de volgende afbeelding ziet u de inhoudsstructuur van een typisch adaptief formulier.

de structuur van de Inhoud van een Adaptieve pagina van WCM van de Vorm

De inhoudsstructuur bevat doorgaans de volgende primaire componenten:

  • guideContainer: De wortel van een AanpassingsVorm, die als Start of Adaptive Form in de Aangepaste Vorm UI wordt gemerkt. In deze component kunt u het volgende opgeven:

    • Mobiele Lay-out van de Adaptieve Vorm: Bepaalt de verschijning van de vorm op mobiele apparaten.
    • Dank u pagina: Bepaalt de pagina waar de gebruiker na het voorleggen van de vorm opnieuw gericht wordt.
    • legt Actie voor: Bepaalt hoe de vorm op de server wordt verwerkt zodra de gebruiker de vorm voorlegt.
    • het Stileren: Specificeert de weg aan het CSS dossier wordt gebruikt om de verschijning van de vorm aan te passen die.
  • rootPanel: het wortelpaneel van een AanpassingsVorm. 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 schermindeling Accordeon worden de items ervan bijvoorbeeld ingedeeld als Accordion-stappen.

  • toolbar: een Aangepaste container van de Vorm heeft een bijbehorende globale toolbar, die aan de vorm globaal is. Deze werkbalk kan worden toegevoegd met de handeling Add Toolbar op de bewerkbalk. Hiermee kunnen auteurs handelingen toevoegen, zoals Verzenden, Opslaan, Herstellen enzovoort.

  • activa: Deze knoop bevat extra informatie die voor vorm creatie wordt gebruikt. Bijvoorbeeld details van het formuliermodel, lokalisatiegegevens enzovoort.

Zie ook see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab