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 enquiry-formulär och kolumnrubriker definierar deras egenskaper:

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

1. Gå till din projektmapp 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 AEM Edge Delivery projektkatalog på Google Drive.

   

3. Kontrollera att bladet delas med rätt AEM (till exempel helix@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-default".

   

5. Om du vill lägga till formulärfälten infogar du rader och kolumnrubriker i bladet"shared-default". 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>.hlx.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 projektets databas till exempel heter "portal", finns den under kontot "wkndforms" och du använder huvudgrenen, ser URL:en ut så här:

   https://main--portal--wkndforms.hlx.page/enquiry.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 navigera till din AEM Edge Delivery projektkatalog.

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—wkndforms.hlx.live/inquiry.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.