How to open pdf with jump to particular page in embed...

[imvikaskohli]

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

[santhosh_kumark]

Hi @imvikaskohli ,

Have you tried the link with full url?

Hope this article will be helpful to you in achieving this.

1. https://community.adobe.com/t5/dreamweaver/link-to-a-specific-page-in-pdf-file/td-p/9181600?page=1
2. https://stackoverflow.com/questions/3616673/jump-to-a-particular-page-when-embedding-pdf-document-in...

Regards,

Santosh

[imvikaskohli]

I checked this it won't work

[imvikaskohli · Accepted solution]

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

[kautuk_sahni]

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