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

AEM Forms as a Cloud Service har en användarvänlig redigerare för att skapa 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 Forms tidigare rekommenderar Adobe att du går igenom självstudiekursen Skapa och publicerar ett headless-formulär med hjälp av startkit för att lära dig grunderna och skapa ett headless adaptivt formulär innan du använder Adaptiv Forms-redigerare för Headless-formulär.

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

Innan du börjar:

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

För AEM 6.5 Forms:

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

  • 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 author-instans eller en lokal AEM Forms as a Cloud Service SDK -miljö.

  • En mall för adaptiva formulär: 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 en skicka-å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 as a Cloud Service AEM Forms-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. Detaljerad lista över formulärspecifika 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 uppgifter på inloggningssidan för Experience Manager. 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-å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 form tillåter sömlös integrering med din organisations back-end-system 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 dynamiskt lägga till innehåll i det adaptiva formuläret med elementen i schemat. Elementen i schemat är enkelt tillgängliga på fliken Datamodellsobjekt i innehållsläsaren under redigeringsprocessen, och alla fält läggs automatiskt till i alla nya adaptiva formulär.

    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 namn, 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 värdet för namnfältet 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 de adaptiva Forms-komponenterna 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 tillägget replace.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