Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

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

imvikaskohli
Level 1
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
imvikaskohli
Correct answer by
Level 1
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
imvikaskohli
Correct answer by
Level 1
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

kautuk_sahni
Community Manager
Community Manager
Thank you for sharing this with community. This would help others in the future.