Skip to main content
Participant
October 23, 2020
Answered

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

  • October 23, 2020
  • 1 reply
  • 477 views

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

    This topic has been closed for replies.
    Correct answer Vikas Kohli

    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

    1 reply

    Vikas KohliAuthorCorrect answer
    Participant
    October 24, 2020

    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