Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to open pdf with jump to particular page in embed adobe api?

Avatar

Level 1

I implemented the adobe embed api in Angular using Angular sample, now I want to jump to a particular page

 

Example: I opened example.pdf it has 14 pages and I want to jump to the 3rd page, how can I do that.

 

In this https://www.adobe.com/content/dam/acom/en/devnet/acrobat/pdfs/PDFOpenParameters.pdf , I saw the property of page which we can add after pdf URL like example.pdf#page=3 so it will directly jump to 3rd page of that pdf.

 

But when I implement that property it won't jump to that page

 

Any suggestions for this are appreciated, Thanks in advance

1 Accepted Solution

Avatar

Correct answer by
Level 1

Finally able to jump to a particular page using the goToLocation function in adobe embed api.

For reference please check, https://www.adobe.io/apis/documentcloud/dcsdk/docs.html?view=view 

const previewFilePromise = this.pdfRef = this.adobeDCView.previewFile({

 content: {

   location: {
     url: fileName, 

    }

  },

 metaData: {

   fileName: 'my file.pdf',

   id: "filed"

 }

},viewerConfig);

previewFilePromise.then((adobeViewer:any) => {

   adobeViewer.getAPIs().then((apis:any) => {
     apis.gotoLocation(<Page_Number>, <X_Coordinate>, <Y_Coordinate>)
        .then(() => console.log("Success"))

        .catch((error:any) => console.log(error));
    });

})

X and Y coordinates are optional, so using this function we can go to any page inside iframe using our own custom button

 

 

 

View solution in original post

4 Replies

Avatar

Correct answer by
Level 1

Finally able to jump to a particular page using the goToLocation function in adobe embed api.

For reference please check, https://www.adobe.io/apis/documentcloud/dcsdk/docs.html?view=view 

const previewFilePromise = this.pdfRef = this.adobeDCView.previewFile({

 content: {

   location: {
     url: fileName, 

    }

  },

 metaData: {

   fileName: 'my file.pdf',

   id: "filed"

 }

},viewerConfig);

previewFilePromise.then((adobeViewer:any) => {

   adobeViewer.getAPIs().then((apis:any) => {
     apis.gotoLocation(<Page_Number>, <X_Coordinate>, <Y_Coordinate>)
        .then(() => console.log("Success"))

        .catch((error:any) => console.log(error));
    });

})

X and Y coordinates are optional, so using this function we can go to any page inside iframe using our own custom button

 

 

 

Avatar

Administrator
Thank you for sharing this with community. This would help others in the future.


Kautuk Sahni