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
  • 499 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 is closed to new replies. Start a new post to keep the conversation going.
    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