Adaptiv Forms-redigerare introduction-to-authoring-adaptive-forms

Adobe rekommenderar att du använder den moderna och utbyggbara datainhämtningen Core Componentsför att skapa nya adaptiva Formseller att lägga till adaptiva Forms på AEM Sites-sidor. De här komponenterna utgör ett betydande framsteg när det gäller att skapa adaptiva Forms-filer, vilket ger imponerande användarupplevelser. I den här artikeln beskrivs det äldre sättet att skapa Adaptiv Forms med baskomponenter.

Version
Artikellänk
AEM 6.5
Klicka här
AEM as a Cloud Service
Den här artikeln

Ökning overview

Med adaptiva Forms kan du skapa engagerande, responsiva, dynamiska och anpassningsbara formulär. AEM Forms innehåller ett intuitivt användargränssnitt och körklara komponenter för att skapa och arbeta med Adaptiv Forms. Du kan välja att skapa ett adaptivt formulär baserat på en formulärmodell eller ett schema eller utan en formulärmodell. Det är viktigt att du noga väljer den formulärmodell som inte bara passar dina behov, utan som utökar dina befintliga infrastrukturinvesteringar och resurser. Du kan välja mellan följande alternativ för att skapa ett adaptivt formulär:

  • Använda en formulärdatamodell (FDM)
    Med dataintegrering kan du integrera entiteter och tjänster från olika datakällor i en formulärdatamodell (FDM) som du kan använda för att skapa anpassad Forms. Välj FDM (Form Data Model) om det adaptiva formulär du skapar inbegriper att hämta och skriva data från och till flera datakällor.

  • Använda en XDP-formulärmall
    Det är en idealisk formulärmodell om du har investeringar i XFA- eller XDP-formulär. Det är ett direkt sätt att konvertera XFA-baserade formulär till Adaptive Forms. Alla befintliga XFA-regler behålls i tillhörande Adaptive Forms. Det adaptiva Forms-formatet stöder XFA-konstruktioner, t.ex. valideringar, händelser, egenskaper och mönster.

  • Använda en XSD (XML Schema Definition) eller ett JSON-schema
    XML- och JSON-scheman representerar den struktur i vilken data produceras eller förbrukas av organisationens serversystem. Du kan koppla schemat till ett adaptivt formulär och använda dess element för att lägga till dynamiskt innehåll i det adaptiva formuläret. Elementen i schemat är tillgängliga för användning på fliken Datamodellobjekt i innehållsläsaren när du redigerar Adaptiv Forms.

  • Använda ingen eller utan formulärmodell
    Adaptiv Forms som skapas med det här alternativet använder ingen formulärmodell. Data-XML som genereras från sådana formulär har en platt struktur med fält och motsvarande värden.

    note note
    NOTE
    Du kan ändra egenskaperna för formulärmodellen i den adaptiva formulärredigeraren eller den adaptiva formulärmallsredigeraren. Mer information finns i Redigera formulärmodellegenskaper i ett adaptivt formulär.

Information om hur du skapar ett adaptivt formulär finns i Skapa ett adaptivt formulär.

Gränssnitt för redigering av adaptiva formulär adaptive-form-authoring-ui

Det pekoptimerade användargränssnittet för att skapa Adaptive Forms är intuitivt och ger:

  • Dra-och-släpp-funktioner
  • Standardformulärkomponenter
  • Integrerad databas för resurser

När du skapar eller redigerar ett befintligt adaptivt formulär använder du följande gränssnittselement:

Med sidofältet

  • Sök, visa och använd resurser i din AEM DAM-databas (Digital Asset Management).
  • Se formulärinnehåll som paneler, komponenter, fält och layout.
  • Lägg till komponenter i formuläret.
  • Redigera komponentegenskaper.

Sidofältet

A. Innehållsläsaren B. Egenskapsläsaren C. Assets-webbläsaren D. Komponentwebbläsaren

Sidlisten innehåller följande webbläsare:

  • Innehållsläsaren
    I innehållsläsaren kan du se:

    • Formulärobjekt
      Visar objekthierarkin för formuläret. Författaren kan navigera till en viss formulärkomponent genom att trycka på det elementet i formulärobjektträdet. Författaren kan söka efter objekt och ordna om dem från det här trädet.

    • Datamodellsobjekt
      Här kan du se formulärmodellens hierarki.
      Du kan dra och släppa formulärmodellelement i det adaptiva formuläret. De tillagda elementen konverteras automatiskt till formulärkomponenter samtidigt som deras ursprungliga egenskaper behålls. Du kan se datamodellsobjekt när formuläret använder XML-schema, JSON-schema eller XDP-mall.

  • Egenskapsläsaren

    Gör att du kan redigera egenskaperna för en komponent. Egenskaperna ändras enligt en komponent. Så här visar du egenskaper för behållaren för adaptiva formulär:

    Markera en komponent, välj fältnivå > Adaptive Form Container och välj sedan egenskaper .

  • Assets webbläsare

    Segmenterar olika typer av innehåll som bilder, dokument, sidor, filmer och så vidare.

  • Komponentwebbläsaren

    Innehåller komponenter som du kan använda för att skapa ett adaptivt formulär. Du kan dra komponenter från till det adaptiva formuläret för att lägga till formulärelement och konfigurera tillagda element enligt kraven. I följande tabell beskrivs komponenterna i komponentwebbläsaren.

Komponent
Funktionalitet
Adobe Sign Block
Lägger till ett textblock med platshållare för fält som ska fyllas i när du signerar med Adobe Sign.
Knapp
Lägger till en knapp som du kan konfigurera för att utföra åtgärder som att spara, återställa, gå vidare, gå till föregående och så vidare.
Captcha
Lägger till CAPTCHA-validering med tjänsten Google reCAPTCHA.
Diagram
Lägger till ett diagram som du kan använda i adaptiva Forms och dokument för visuell representation av tvådimensionella data i repeterbara paneler och tabellrader.
Kryssruta
Lägger till en kryssruta.
Datumindatafält
Använd datumindatafält i formuläret för att låta kunderna fylla i dag, månad och år separat i tre rutor. Du kan anpassa komponentens utseende och känsla och ändra datumformatet. Du kan till exempel låta kunderna ange datum i formaten MM/DD/ÅÅÅÅ eller DD/MM/ÅÅÅÅ.
Datumväljaren
Lägger till ett kalenderfält för att välja ett datum.
Dokumentfragment
Gör att du kan lägga till återanvändbara komponenter i en korrespondens.
Dokumentfragmentgrupp
Gör att du kan lägga till en grupp med relaterade dokumentfragment som du kan använda i en brevmall som en enskild enhet.
Nedrullningsbar lista
Lägger till en nedrullningsbar lista - en eller flera markeringar
E-post

Lägger till ett fält för att hämta e-postadressen. E-postkomponenten validerar som standard e-postadresser med följande reguljära uttryck.

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

Bifogad fil

Lägger till en knapp som gör att användare kan bläddra bland och bifoga stöddokument till ett formulär.

Obs! Komponenten för bifogad fil har stöd för en fördefinierad uppsättning filformat i Adaptive Forms aktiverat för Adobe Sign. Mer information finns i Filformat som stöds.

Lista över bifogade filer
Lägger till ett fält som visar alla bifogade filer som har överförts med komponenten Bifogad fil.
Sidfot
Lägger till sidhuvudet som vanligtvis innehåller en företagslogotyp, formulärets rubrik och sammanfattning.
Sidhuvud
Lägger till sidfoten som vanligtvis innehåller copyrightinformation och länkar till andra sidor.
Bild
Infoga en bild.
Bildval
Gör att kunderna kan välja en bild som ger information. Ni kan använda informationen för att tillhandahålla personaliserade tjänster till era kunder.
Knappen Nästa
Lägger till en knapp för att navigera till nästa panel i ett formulär.
Numerisk ruta
Lägger till ett fält för att hämta numeriska värden
Numerisk stege
Använd Numeric Stepper i formuläret för att låta kunderna ange ett numeriskt värde som de kan öka eller minska baserat på ett fördefinierat steg.
Panel

Lägger till en panel eller underpanel.

Du kan också lägga till en panelkomponent från den överordnade panelens verktygsfält med Lägg till underordnad panel -knappen. På samma sätt kan du lägga till ett panelspecifikt verktygsfält med verktygsfältet Lägg till panel -knappen. Du kan konfigurera placeringen av panelens verktygsfält med hjälp av dialogrutan Redigera panel.

Lösenordsruta
Lägger till ett fält för att hämta ett lösenord.
Knappen Föregående
Lägger till en knapp som användare behöver för att gå tillbaka till föregående sida eller panel.
Alternativknapp
Lägger till alternativknappar.
Knappen Återställ
Lägger till en knapp för att återställa formulärfält.
Spara-knapp
Lägger till en knapp för att spara formulärdata.
Klottra signaturer
Lägger till ett fält för att hämta skriptsignaturer.
Avgränsare
Gör att panelerna i formuläret kan delas upp visuellt.
Signatursteg
Visar informationen i formuläret och signaturfälten som användaren kan verifiera och signera.
Text
Här kan du ange statisk text.
Skicka-knapp
Lägger till en Skicka-knapp för att skicka formuläret till den konfigurerade Skicka-åtgärden.
Sammanfattningssteg
Skickar formuläret och visar en sammanfattning som författarna anger när formuläret har skickats.
Byt
Lägger till en växel som utför en åtgärd för att växla eller aktivera/inaktivera. Du kan inte lägga till fler än två alternativ i komponenten Switch. Eftersom en switch bara kan ha två värden: På eller Av, är obligatoriskt inte tillämpligt. Minst ett värde sparas oavsett användarens indata.
Tabell
Lägger till en tabell där du kan ordna data i rader och kolumner.
Telefonnummer

Lägger till ett fält för att hämta telefonnummer. Med telefonkomponenten kan författare konfigurera någon av följande telefonnummertyper. Varje typ är associerad med ett reguljärt standarduttryck för validering.

  • Typen International har validerats av ^[+][0-9]{0,14}$.
  • Typen USPhoneNumber har validerats av {'+1 ('999') '999-9999}.
  • Typen UKPhoneNumber har validerats av text{'+'99 999 999 9999}.
  • Typen Anpassad innehåller inget standardvalideringsmönster. Den får värdet för den senast valda telefonnummertypen. Du kan också ange ett eget valideringsmönster.
Villkor
Lägger till ett fält som författare kan använda för att ange villkoren som användare ska granska innan formuläret fylls i.
Textruta

Lägger till en textruta där en användare kan ange nödvändig information.

Komponenten Textruta accepterar som standard bara oformaterad text. Du kan aktivera en textrutekomponent för att acceptera RTF. En RTF-aktiverad textkomponent innehåller alternativ för att lägga till rubriker, ändra teckenformat (fet, kursiv, stryka under tecknen), skapa sorterade och osorterade listor, ändra textbakgrund och textfärg samt lägga till hyperlänkar. Aktivera alternativet Tillåt RTF i komponentegenskaperna om du vill aktivera RTF-text för en textruta.

Titel
Anger en rubrik för det adaptiva formuläret.
Verifiera steg

Lägger till en platshållare som visar det ifyllda formuläret för verifiering av användaren.

Obs!: Adaptiv form som innehåller Verifiera-komponenten stöder inte anonyma användare. Du bör inte heller använda komponenten Verify i ett adaptivt formulärfragment.

Verktygsfältet Sida page-toolbar

Verktygsfältet längst upp på sidan innehåller alternativ som gör att du kan förhandsgranska formuläret, ändra formuläregenskaper och redigera formulärlayouten. Du kan förhandsgranska formuläret när du redigerar det och göra ändringar i det. I verktygsfältet visas:

  • Växla sidopanel växlingspanel : Här kan du visa eller dölja sidopanel.

  • Sidinformation temaalternativ : Här kan du visa sidegenskaper, publicera/avpublicera ett formulär, starta ett formulärarbetsflöde och öppna formuläret i klassiskt gränssnitt.

  • Emulator linjal : Gör att du kan emulera formulärutseendet för olika visningsstorlekar som surfplattor och telefoner.

  • Redigera: Gör att du kan välja andra lägen, till exempel: Edit, Style, Developer och Design.

    • Redigera: Gör att du kan redigera egenskaperna för formuläret och dess komponenter. Du kan till exempel lägga till en komponent, släppa en bild och ange obligatoriska fält.

    • Stil: Gör att du kan formatera utseendet på komponenter i formuläret. I stilläge kan du till exempel markera en panel och ange dess bakgrundsfärg.

    • Utvecklare: Låter en utvecklare:

      • Upptäck vad formulären består av.

      • Felsök vad som händer var och när, vilket i sin tur hjälper till att lösa problem.

      • Design. Gör att du kan aktivera eller inaktivera anpassade komponenter eller komponenter som inte finns med i sidofältet.

  • Förhandsgranska: Du kan förhandsgranska hur formuläret ser ut när du publicerar det.

Komponentverktygsfältet component-toolbar

Komponentverktygsfältet i pekgränssnittet

När du markerar en komponent visas ett verktygsfält där du kan arbeta med den. Du får alternativ för att klippa ut, klistra in, flytta och ange egenskaper för komponenterna. Dina alternativ är:

S.Konfigurera: När du väljer Configure visas komponentegenskaperna i sidofältet. Om du konfigurerar dessa egenskaper kan du anpassa datainhämtningen. Du kan ändra komponentens elementnamn och ange etikettexten i komponentens rubrikfält. Med elementnamnet kan du hämta värden som användarna anger med komponenten. I komponentegenskaperna anger du komponentens beteende och hanterar användarindata. Konfigurera egenskaperna i sidofältet för att hämta användardata och använda dem för vidare bearbetning. Med egenskaper för behållare för adaptiva formulär kan du ange klientbibliotek, layouter, teman, inställningar för dokumentdokument, inställningar för att spara, inställningar för överföring och metadatainställningar.

B.Kopiera: Du kan använda kopieringsalternativet för att kopiera en komponent och klistra in den på andra platser i formuläret. När du klistrar in en komponent får den inklistrade komponenten ett nytt elementnamn men behåller den kopierade komponentens egenskaper.

C.Klipp ut: Du kan använda alternativet Klipp ut om du vill flytta en komponent från en plats till en annan i den adaptiva formen.

D. Ta bort: Du kan ta bort komponenten från formuläret.

E. Infoga: Gör att du kan infoga en komponent ovanför den markerade komponenten.

F. Klistra in: Gör att du kan klistra in komponenten som du klippt ut eller kopierat med alternativen som beskrivs ovan.

G. Redigera regler: Du kan öppna regelredigeraren. Mer information finns i

H. Grupp: Gör att du kan markera flera komponenter om du vill klippa ut, kopiera eller klistra in mer än en komponent tillsammans.

I. Överordnad: Gör att du kan välja överordnad för en komponent. Ett textfält ligger till exempel i ett underavsnitt som finns i ett avsnitt. Avsnittet finns i stödlinjens rotpanel och behållaren för adaptiv form är överordnad en stödlinjens rotpanel. För en komponent kan du se alla alternativ med hierarkin sorterad längst ned.

Om du till exempel väljer Parent för en textruta kan du se:

  • Underavsnitt
  • Avsnitt
  • guideRootPanel
  • Adaptiv formulärbehållare

J. Övriga: Tillhandahåller fler alternativ för att arbeta med den markerade komponenten.

  • Visa SOM-uttryck
  • Spara en panel som fragment (endast för paneler)
  • Lägg till underordnad panel (endast för paneler)
  • Verktygsfältet Lägg till panel (endast för paneler)
  • Ersätt (inte för paneler)

Adaptiv formulärsida af-page

Sidan Adaptiv form är den faktiska formen. Det är som alla andra WCM-sidor som modelleras som WCM cq:Page-komponenten. Följande bild visar innehållsstrukturen i ett typiskt adaptivt formulär.

Innehållsstruktur för en WCM-sida med adaptivt formulär

Innehållsstrukturen innehåller vanligtvis följande primära komponenter:

  • guideContainer: Roten för ett adaptivt formulär, som markeras som Start of Adaptive Form i gränssnittet för det adaptiva formuläret. I den här komponenten kan du ange:

    • Mobil layout för det adaptiva formuläret: Definierar formulärets utseende på mobila enheter.
    • Tack!: Definierar sidan där användaren omdirigeras efter att formuläret har skickats.
    • Skicka åtgärd: Definierar hur formuläret bearbetas på servern när användaren skickar formuläret.
    • Format: Anger sökvägen till CSS-filen som används för att anpassa formulärets utseende.
  • rootPanel: Rotpanelen i ett adaptivt formulär. Den kan innehålla underpaneler under objektnoden. Varje panel, inklusive rotpanelen, kan ha en tillhörande layout. Panelens layout bestämmer hur formuläret placeras. I dragspelslayouten placeras till exempel objekten som dragspelssteg.

  • verktygsfält: En behållare för anpassat formulär har ett associerat globalt verktygsfält som är globalt för formuläret. Det här verktygsfältet kan läggas till med åtgärden Add Toolbar i redigeringsfältet, som gör att författare kan lägga till åtgärder som Skicka, Spara, Återställ och så vidare.

  • resurser: Den här noden innehåller ytterligare information som används för formulärredigering. Exempel: formulärmodellinformation, lokaliseringsinformation osv.

Se även see-also

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