Visa flera PDF-dokument i en karusell
Ett vanligt användningssätt är att visa flera PDF-dokument för formuläranvändaren som ska granska dem innan formuläret skickas.
Vi har använt Adobe PDF Embed API för att uppnå den här användningen.
En live-demo av det här exemplet kan visas här.
Följande steg utfördes för att slutföra integreringen
Skapa en anpassad komponent för att visa flera PDF-dokument
En anpassad komponent (pdf-carousel) skapades för att bläddra igenom PDF-dokument
Klientbibliotek
Ett klientbibliotek skapades för att visa PDF-filer med Adobe PDF Embed API. De PDF-filer som ska visas anges i komponenterna i PDF-karusellen.
Skapa anpassat formulär
Skapa ett anpassat formulär baserat på vissa flikar (exemplet har tre flikar)
Lägg till vissa adaptiva formulärkomponenter på de två första flikarna
Lägg till PDF-karusellkomponenten på den tredje fliken
Konfigurera komponenten pdf-carousel enligt skärmbilden nedan
Bädda in API-nyckel för PDF - Det här är nyckeln som du kan använda för att bädda in PDF-filen. Den här nyckeln fungerar bara med localhost. Du kan skapa din egen nyckel och associera den med en annan domän.
Ange PDF-dokument - Här kan du ange vilka PDF-dokument du vill ska visas i karusellen.
Distribuera exemplet på servern
Så här testar du detta på den lokala servern:
- Importera klientbiblioteket till din lokala AEM-instans med hjälp av pakethanteraren
- Importera pdf-karusellkomponenten till den lokala AEM-instansen med pakethanteraren
- Importera det adaptiva formuläret till din lokala AEM-instans med hjälp av pakethanteraren
- Importera exempel-PDF-filer som ska visas till den lokala AEM-instansen med hjälp av länken för överföring av resursfiler
- Förhandsgranska anpassat formulär
- Fliken Dokument att granska. Du bör se tre PDF-dokument i karusellkomponenten.