Skapa ett Headless-formulär med Adaptive Forms editor create-a-headless-adaptive-form-using-adaptive-forms-editor

AEM Forms as a Cloud Service är en användarvänlig redigerare för Headless Adaptive Forms. Med över 24 kärnkomponenter kan du enkelt skapa ett formulär genom att dra och släppa komponenter i redigeraren. I Regelredigeraren kan du dessutom lägga till valideringar i formulärfälten.

NOTE
Om du inte har använt Headless Adaptive-formulär tidigare kan du börja med självstudiekursen Skapa och publicera ett headless-formulär med hjälp av startpaketet. Det handlar om grunderna och hjälper dig att skapa ett formulär för hand innan du går över till Adaptive Forms editor för headless-formulär.

Så här skapar du ett Headless-formulär med Adaptive Forms-redigeraren:

Innan du börjar

Du behöver följande för att skapa ett adaptivt formulär med den adaptiva Forms-redigeraren:

För AEM 6.5 Forms:

  • Åtkomst till en Forms-författarinstans av AEM 6.5.16.0 eller senare.

  • Adaptiva Forms Core-komponenter

  • Adaptiv Forms Core Components-mall

  • Ett adaptivt formulärtema för en mall baserad på kärnkomponenter

  • Lägg till dina användare i gruppen forms-users. Medlemmarna i gruppen forms-users har behörighet att skapa ett anpassat formulär.

För AEM Forms as a Cloud Service

  • Åtkomst till en AEM Forms as a Cloud Service-författarinstans eller en lokal AEM Forms as a Cloud Service SDK -miljö.

  • En adaptiv formulärmall: En mall innehåller en grundläggande struktur och definierar utseendet (layouter och format) för ett adaptivt formulär. Den har förformaterade komponenter som innehåller vissa egenskaper och innehållsstruktur. Här finns också alternativ för att definiera ett tema och skicka en åtgärd. Temat definierar utseendet, känslan och skickaåtgärden definierar vilken åtgärd som ska vidtas när ett adaptivt formulär skickas in. Du kan till exempel skicka insamlade data till en datakälla. Molntjänsten tillhandahåller en OOTB-mall med namnet blank:

  • Ett adaptivt formulärtema: Ett tema innehåller formatinformation för komponenterna och panelerna. Format innehåller egenskaper som bakgrundsfärger, lägesfärger, genomskinlighet, justering och storlek. När du använder ett tema återspeglas det angivna formatet i motsvarande komponenter. Mallen Canvas ingår i alla nya AEM Forms as a Cloud Service-program.

  • Behörigheter: Lägg till dina användare i gruppen forms-users. Medlemmarna i gruppen forms-users har behörighet att skapa ett anpassat formulär. En detaljerad lista med formulär för specifika användargrupper finns i Grupper och behörigheter.

Skapa ett adaptivt formulär create-an-adaptive-form-components

  1. Logga in på din Experience Manager Forms Author-instans.

  2. Ange dina inloggningsuppgifter på Experience Manager inloggningssida. När du är inloggad trycker du på Adobe Experience Manager > Forms > Forms & Documents i det övre vänstra hörnet.

  3. Tryck på Create > Adaptive Forms. Guiden öppnas. På fliken Source väljer du en mall:

    Mall

    När du väljer en mall markeras automatiskt ett tema och en skicka-åtgärd som anges i mallen och knappen Create aktiveras. Du kan gå till flikarna Style eller Submission och välja ett annat tema eller skicka en åtgärd. Om den valda mallen inte anger något tema förblir knappen Skapa inaktiverad. Du kan gå till fliken Styles och välja ett tema manuellt.

  4. Välj ett tema på fliken Style:

    • När den valda mallen anger ett tema väljs temat automatiskt i guiden. Du kan också välja ett annat tema på fliken Format.

    • Om den valda mallen inte anger något tema kan du använda fliken Format för att välja ett tema. Knappen Create aktiveras först när ett tema har valts.

  5. (Valfritt) Välj en datamodell på fliken Data:

    • Formulärdatamodell: Med en formulärdatamodell kan du integrera entiteter och tjänster från olika datakällor i ett adaptivt formulär. Välj Formulärdatamodell om det adaptiva formulär du skapar inbegriper att hämta och skriva data från och till flera datakällor.

    • JSON-schema: JSON-schema Adaptiv Forms tillåter sömlös integrering med din organisations serversystem genom att ge möjlighet att associera ett JSON-schema, som representerar strukturen för de data som produceras eller förbrukas. Den här kopplingen gör det möjligt för författare att lägga till innehåll dynamiskt i det adaptiva formuläret med elementen i schemat. Under utvecklingen kan du snabbt komma åt schemaelement på fliken Datamodellobjekt i innehållsläsaren. När du skapar ett nytt anpassat formulär läggs alla fält automatiskt till.

    Som standard markeras alla fält i det associerade JSON-schemat automatiskt och konverteras till motsvarande adaptiva formulärkomponenter, vilket effektiviserar redigeringsprocessen. I guiden kan du välja vilka fält som ska inkluderas i det anpassade formuläret med hjälp av kryssrutor.

  6. Välj en sändningsåtgärd på fliken Submission:

    • När du väljer en mall markeras åtgärden Skicka som anges i mallen automatiskt. Du kan välja en annan skickaåtgärd på fliken Skicka. Fliken ​ Submission visar alla tillgängliga skicka-åtgärder.

    • När den valda mallen inte anger någon skicka-åtgärd kan du använda fliken Submission för att välja en skicka-åtgärd

  7. (Valfritt) På fliken Delivery kan du ange ett publicerings- eller avpubliceringsdatum för ett adaptivt formulär.

  8. Tryck på Create. En dialogruta där du kan ange rubrik, namn och plats för att spara det adaptiva formuläret visas:

    • Title Anger formulärets visningsnamn. Titeln hjälper dig att identifiera formuläret i användargränssnittet för Experience Manager Forms.
    • Name: Anger formulärets namn. En nod med det angivna namnet skapas i databasen. När du börjar skriva en titel genereras namnfältets värde automatiskt. Du kan ändra det föreslagna värdet. Namnfältet får endast innehålla alfanumeriska tecken, bindestreck och understreck. Alla ogiltiga indata ersätts med ett bindestreck.
    • Path: Anger platsen där det adaptiva formuläret ska sparas. Du kan spara det adaptiva formuläret direkt på /content/dam/formsanddocuments eller skapa en mapp som /content/dam/formsanddocuments/adaptiveforms om du vill spara ett adaptivt formulär. Se till att du skapar mappen innan du använder den i sökvägen. Fältet Path skapar inte en mapp automatiskt.
  9. Tryck på Create. Ett adaptivt formulär skapas och öppnas i den adaptiva Forms-redigeraren. Redigeraren visar det innehåll som är tillgängligt i mallen. Baserat på typen av adaptivt formulär visas formulärelementen i det associerade JSON-schemat eller formulärdatamodellen på fliken Data Model Objects i Content Browser i sidlisten. Du kan också dra och släppa dessa element för att skapa ett anpassat formulär.

Nu kan du dra och släppa adaptiva Forms-komponenter till den adaptiva Forms-behållaren för att utforma och skapa formuläret.

Visa JSON-återgivning av ett adaptivt formulär preview-form

Markera det adaptiva formuläret och tryck på Förhandsgranska. Förhandsgranskningen av formuläret visas. Om du vill visa formulärdefinitionen (JSON) för formuläret ersätter du tillägget .html i URL:en med .model.json

Till exempel http://[author-server]:[port]/editor.html/content/forms/af/contact-us.model.json

Du kan använda API:t getForm för Headless Adaptive Forms för att hämta formulärdefinitionen (JSON) och använda den i ditt program.

Visa formulärdefination (JSOI)

recommendation-more-help
ce8b2828-9203-402e-a565-7b758c99b2ba