Skapa ett formulär med Adaptiv Forms Block

Istället för att navigera i komplexa processer kan du enkelt skapa ett formulär med hjälp av ett kalkylblad. Du kan definiera de rader och kolumner som ska utgöra formulärstrukturen. Varje rad representerar ett enskilt formulärfält och kolumnrubrikerna definierar motsvarande fältegenskaper.

Ta till exempel följande kalkylblad, där rader anger fälten för ett frågetecken-kalkylblad och kolumnrubriker definierar deras egenskaper:

Så här fortsätter du med att skapa formulär:

1. Gå till projektmappen för AEM Edge Delivery på Microsoft SharePoint eller Google Drive.

2. Skapa en Microsoft Excel-arbetsbok eller ett Google-blad var som helst i AEM Edge Delivery projektkatalog. Skapa till exempel ett kalkylblad med namnet enquiry i projektkatalogen för AEM Edge Delivery på Google Drive.

3. Se till att kalkylbladet delas med lämplig AEM-användare (till exempel forms@adobe.com) enligt de konfigurationer som har angetts för ditt projekt. Ge användaren redigeringsbehörighet för bladet.

4. Öppna det skapade kalkylbladet och ändra standardbladets namn till "shared-aem".

   

   note important
   IMPORTANT
   Det blad där formuläret har skapats har begränsningar för vad det kan namnges. Endast helix-default och shared-aem kan användas som bladnamn.

5. Om du vill lägga till formulärfälten infogar du rader och kolumnrubriker i bladet"shared-aem". Varje rad ska representera ett formulärfält, med kolumnrubriker som definierar motsvarande fältegenskaper.

   För att komma igång snabbt bör du överväga att kopiera innehållet i kalkylbladet för förfrågan till kalkylbladet. När du har kopierat innehållet sparar du kalkylbladet.

   embed
   https://video.tv.adobe.com/v/3427468?quality=12&learn=on

6. Använd AEM Sidekick för att förhandsgranska bladet.

   

   När du förhandsgranskar visas bladets innehåll i JSON-format på nya webbläsarflikar. Se till att du hämtar förhandsgransknings-URL:en eftersom detta krävs för att återge formuläret i nästa avsnitt. URL-formatet är följande:

   code language-json
   https://<branch>--<repository>--<owner>.aem.live/<form-path>/<form-file-name>.json

   • <branch> refererar till din GitHub-databas.
   • <repository> betecknar din GitHub-databas.
   • <owner> refererar till användarnamnet för ditt GitHub-konto som är värd för din GitHub-databas.

   Om projektdatabasen till exempel heter"weFinance" finns den under kontot"wkndform" och du använder huvudgrenen ser URL-adressen ut så här:

https://main--wefinance--wkndform.aem.page/enquiry.json
<!—(https://main—weFinance—wkndform.aem.page/inquiry.json)—>

Till nu har du förberett formulärets struktur. Nu kan du förhandsgranska formuläret:

1. Öppna ditt Microsoft SharePoint- eller Google Drive-konto och gå till din projektkatalog för AEM Edge Delivery.

2. Öppna en dokumentfil (t.ex. en indexfil) om du vill bädda in formuläret. Du kan också skapa ett nytt dokument.

3. Gå till önskad plats i dokumentet där du vill lägga till formuläret.

4. Skapa ett formulärblock som återger formuläret. Välj Infoga > Tabell och skapa en kolumn, en tabell med två rader. Ge tabellen namnet "Formulär" och klistra in URL:en för förhandsgranskning på den andra raden. Kontrollera att URL-adressen är formaterad som en hyperlänk, inte som oformaterad text, enligt bilden nedan:

   table 0-row-1 1-row-1
   Formulär
   https://main--wefinance--wkndform.aem.live/enquiry.json

   

   Det här blocket fungerar som en platshållare där formuläret är inbäddat. Lägg till förhandsgransknings-URL:en för din <form>.json-fil som en hyperlänk på den andra raden i blocket.

   note important
   IMPORTANT
   Kontrollera att URL-adressen är formaterad som en hyperlänk i stället för att visas som oformaterad text.

5. Använd AEM Sidekick för att förhandsgranska dokumentet. Formuläret visas nu på sidan. Här är till exempel formuläret baserat på kalkylbladet för förfrågan:

   

   Fyll i formuläret och klicka på skicka-knappen. Ett fel visas, ungefär som följande, eftersom kalkylbladet inte är inställt på att acceptera data än.