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.
Här finns en live-demo av det här exemplet.
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 med hjälp av Adobe PDF Embed API. PDF som ska visas anges i pdf-karusellkomponenterna.
Skapa anpassat formulär
Skapa ett adaptivt formulär baserat på vissa flikar (exemplet har tre flikar) Lägg till några adaptiva formulärkomponenter på de första två flikarna Lägg till pdf-karusellkomponenten på den tredje fliken Konfigurera pdf-karusellkomponenten enligt skärmbilden nedan
Bädda in PDF API-nyckel - 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 egen nyckel och associera den med en annan domän.
Ange PDF-dokument - Här kan du ange vilka PDF-dokument som ska visas i karusellen.
Distribuera exemplet på servern
Så här testar du detta på den lokala servern:
- Importera klientbiblioteket till din lokala AEM använda pakethanteraren
- Importera PDF-karusellkomponenten till din lokala AEM använda pakethanteraren
- Importera det adaptiva formuläret till din lokala AEM använda pakethanteraren
- Importera exempelfilerna som ska visas till din lokala AEM 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.