# Display Multiple pages on perspective pdf viewer

**URL:** <https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 10, 2020, 11:04pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230 "2020-01-10T23:04:33Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![ankitkarwa21](https://avatars.discourse-cdn.com/v4/letter/a/48db29/32.png) [@ankitkarwa21](https://forum.inductiveautomation.com/u/ankitkarwa21)\
**Post date:** [January 10, 2020, 11:04pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/1 "2020-01-10T23:04:33Z")

</div>

I am looking to display a pdf file using pdf viewer component in perspective.  
I was able to set up the pdf viewer to point to the right file, however it only displays a single page from that file.  
Is there a setting that I can modify to display multiple pages or scroll through the whole file?  
I wasn’t able to find it in the manual.

---

<div class="post-metadata">

**Author:** ![b.ellison](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/b.ellison/32/12684_2.png) [@b.ellison](https://forum.inductiveautomation.com/u/b.ellison)\
**Post date:** [January 10, 2020, 11:38pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/2 "2020-01-10T23:38:06Z")

</div>

I don’t believe this is possible in Ignition Perspective as of yet. You do however have the capability to bind a property to the props page property to give your PDF viewer the ability to change pages.  
I would personally use the Numeric field entry and use the bounds 1 to whatever the pageCount property is equal to, as well as giving it two buttons that will add or subtract by one page on both sides of the text entry.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![Adriaan.leRoux](https://avatars.discourse-cdn.com/v4/letter/a/bbce88/32.png) [@Adriaan.leRoux](https://forum.inductiveautomation.com/u/Adriaan.leRoux)\
**Post date:** [April 21, 2021, 6:19pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/3 "2021-04-21T18:19:33Z")

</div>

Would creating multiple instances of the pdf viewer, each instance pointing to the next page, load the pdf fully for each page?

---

<div class="post-metadata">

**Author:** ![fcarrion](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fcarrion/32/24407_2.png) [@fcarrion](https://forum.inductiveautomation.com/u/fcarrion)\
**Post date:** [May 20, 2021, 4:37am UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/4 "2021-05-20T04:37:51Z")

</div>

You can scroll through the whole file, just place a slider component and bind its value to the page property of the pdf viewer component. You should also bind back the max value on the slider to the page count property of the pdf viewer. Works just fine!

---

<div class="post-metadata">

**Author:** ![Adriaan.leRoux](https://avatars.discourse-cdn.com/v4/letter/a/bbce88/32.png) [@Adriaan.leRoux](https://forum.inductiveautomation.com/u/Adriaan.leRoux)\
**Post date:** [May 24, 2021, 8:58pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/5 "2021-05-24T20:58:49Z")

</div>

This is true, but it is a horrible way to read a pdf, if you want to zoom in and read finer print at the bottom of one page that continues on the top part of the next page this doesn’t work well

---

<div class="post-metadata">

**Author:** ![fcarrion](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fcarrion/32/24407_2.png) [@fcarrion](https://forum.inductiveautomation.com/u/fcarrion)\
**Post date:** [May 24, 2021, 11:57pm UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/6 "2021-05-24T23:57:45Z")

</div>

Completely agree, but those are limitations of the PDF viewer at the moment. One way to improve the PDF reading experience would be to use the webdev module to deliver the file as pdf content file so it opens on a different tab in the browser. This way the file will be opened by the browser pdf viewer which has a lot more viewing options. The down side is that the view will not be embedded within the perspective environment but on a separate tab.

---

<div class="post-metadata">

**Author:** ![Adriaan.leRoux](https://avatars.discourse-cdn.com/v4/letter/a/bbce88/32.png) [@Adriaan.leRoux](https://forum.inductiveautomation.com/u/Adriaan.leRoux)\
**Post date:** [May 25, 2021, 8:40am UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/7 "2021-05-25T08:40:49Z")

</div>

That is not a bad idea. This PDF issue had me thinking, what if you could either load each page seperately on a different pdf viewer, or have 3 viewers which trick you into thinking that it is an continuous scroll, like when you get to the 3rd viewer the 2nd one is updated and the scroll takes you to the 2nd one as if it was the page on the 3rd one

---

<div class="post-metadata">

**Author:** ![Md\_Sabbir\_Ahamed](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/md_sabbir_ahamed/32/54273_2.png) [@Md\_Sabbir\_Ahamed](https://forum.inductiveautomation.com/u/Md_Sabbir_Ahamed)\
**Post date:** [July 16, 2023, 5:53am UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/8 "2023-07-16T05:53:15Z")

</div>

Just use two new button components, one for going to the Previous page and another for going to the Next page. Inside the component scripting section of the buttons select the page and pageCount props of the pdf viewer and increment and decrement them by one.

This is a simple script for Previus button :

```auto
self.parent.parent.getChild("PDFViewer").props.page=self.parent.parent.getChild("PDFViewer").props.page-1

```

for Next button:

```auto
self.parent.parent.getChild("PDFViewer").props.page = self.parent.parent.getChild("PDFViewer").props.page + 1

```

You can also add the visibility props to those buttons, moreover you can show or hide the visibility based on the active number of the padf page.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 16, 2023, 7:38am UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/9 "2023-07-16T07:38:02Z")

</div>

Welcome to the forum, Md.

Note that the forum editor has a button for formatting code:

 ![Formatting code](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/0/70741738ea3cbbe8a2d249e1194c80035567335c.png)

---

<div class="post-metadata">

**Author:** ![Md\_Sabbir\_Ahamed](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/md_sabbir_ahamed/32/54273_2.png) [@Md\_Sabbir\_Ahamed](https://forum.inductiveautomation.com/u/Md_Sabbir_Ahamed)\
**Post date:** [July 16, 2023, 10:25am UTC](https://forum.inductiveautomation.com/t/display-multiple-pages-on-perspective-pdf-viewer/31230/10 "2023-07-16T10:25:05Z")

</div>

Thanks, Man for helping. I am not new to the forum but that was my first comment in the forum section.
