Adaptiv Forms-redigerare

Översikt

Med adaptiva Forms kan du skapa engagerande, responsiva, dynamiska och anpassningsbara formulär. AEM Forms har ett intuitivt användargränssnitt och färdiga komponenter för att skapa och arbeta med Adaptive 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
  Dataintegrering Med kan du integrera enheter och tjänster från olika datakällor i en formulärdatamodell som du kan använda för att skapa adaptiv Forms. Välj Formulärdatamodell om det adaptiva formulär du skapar inbegriper hämtning och skrivning av 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 kommer att vara tillgängliga för användning på fliken Datamodellobjekt i innehållsläsaren när du redigerar Adaptiv Forms.

• Använda ingen eller utan en formulärmodell
  Adaptiv Forms som skapats 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.

  OBSERVERA

  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 för 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

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 ett nytt eller redigerar ett befintligt adaptivt formulär använder du följande gränssnittselement:

• Sidebar
• Verktygsfältet Sida
• Komponentverktygsfältet
• Adaptiv formulärsida

Sidebar

Med sidofältet kan du

• 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.

S. Innehållsläsare B. Egenskapswebbläsaren C. Resursläsaren D. Komponentwebbläsare

Sidlisten innehåller följande webbläsare:

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

  • Formulärobjekt
    Visar formulärets objekthierarki. 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 anpassade 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.

• Egenskapswebblä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 och tryck sedan på > Adaptive Form Container och sedan trycka .

• Resursläsaren

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

• Komponentwebbläsare

  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.

Verktygsfältet Sida

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 : Här kan du visa eller dölja sidofältet.

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

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

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

  • Redigera: Här kan du 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: Gör att du kan förhandsgranska hur formuläret ser ut när du publicerar det.

Komponentverktygsfältet

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 trycker Configure visas komponentegenskaperna i sidlisten. 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 för att flytta en komponent från en plats till en annan i det adaptiva formuläret.

D. Ta bort: Gör att 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 klipper ut eller kopierar med alternativen som beskrivs ovan.

G. Redigera regler: Gör att 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.

Jag. Överordnad: Gör att du kan välja en komponents överordnade. 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 trycker Parent för en textruta ser du:

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

J. Övriga: Innehå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

Sidan Adaptiv form är den faktiska formen. Det är som vilken annan WCM-sida som helst som är WCM-baserad cq:Page -komponenten. Följande bild visar innehållsstrukturen i ett typiskt adaptivt formulär.

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

• guideContainer: Roten i ett adaptivt formulär, som markerats som Start of Adaptive Form i gränssnittet för adaptiv form. 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 ska bearbetas på servern när användaren skickar formuläret.
  • Stilar: 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 Add Toolbar i redigeringsfältet där 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.

Resurser för Business.Adobe.com