Q: How can I create a web link to load the target PDF, and be automatically taken to the part of the PDF document specified in the calling URL?
A: If you have a PDF file that is stored on a web server you can create an HTML Link to point to a specified location in the PDF by adding arguments to the end of the URL address. There are 2 options available:
Note: This only works for HTTP or HTTPS locations and requires the browser or PDF viewer plugin (currently supported by most major applications) to support the destination property in the URL. If the application or browser does not then it will just open to the first page of the document.
Opening to a Specific Page
An HTML link can be used to open to a specific page of the PDF file by adding the argument '#page=[page number]' to the end of the URL.
I'm using google's docs viewer to show a pdf document in a html page and I would like to open the document starting on page 20 instead of 1 for example. There's hardly any documentation about Google's docs viewer service. Jump Back and Forth in a PDF in Adobe Reader Monday, September 6th, 2010. Have you ever clicked a link to another page in a PDF, only to have to scroll for forever to find the page you started at when you were done? If you're using Adobe Reader, there's no back or forward button in the toolbar, so without digging there's no way to just go. Adobe Acrobat Reader DC software is the free global standard for reliably viewing, printing, and commenting on PDF documents. And now, it's connected to the Adobe Document Cloud − making it easier than ever to work across computers and mobile devices. HTML pages can contain links that open PDF files within a web browser by using an Adobe Acrobat product (Adobe Acrobat Professional or Standard, Adobe Acrobat 3D, or Adobe Reader) plug-in that is installed into supported versions of Netscape Navigator, Mozilla Firefox, Microsoft Internet Explorer,. In fact, Acrobat reader is already the default PDF viewer in Windows 10 and PDF files open with Acrobat reader when I click on a file in Files Explorer. However, the files still open in a tab of Edge when I click on a web link to a PDF file within Edge.
For example, the below URL will open a PDF file named sample.pdf to page 4:
https://www.example.com/sample.pdf#index
You can also use this HTML tag in a web page to open a PDF file named sample.pdf to page 4:
Step 2:
Create the HTML link to open to the Destination in the PDF by adding the argument '#[destination name]' to the end of the URL.
For example, the below URL will open a PDF file named sample.pdf to a destination named 'index':
https://www.example.com/sample.pdf#index
You can also use this HTML tag in a web page to open a PDF file named sample.pdf to a destination named 'index':
Suggested Articles
An experimental control that shows the content of a PDF file.
Description
Show text, graphics, and other content in a PDF file by adding this type of control and setting its Document property to the URL, enclosed in double quotation marks, of the file that you want to show.
Limitations
The security architecture of Power Apps requires the PDF Viewer to support only HTTPS links, not HTTP.
The Document property must link directly to the PDF file. Server redirects or HTML views of the document aren't supported.
Transfer pictures from android phone to pc. The server that hosts the document must not require authentication.
You may not be able to view a PDF document in your app if the document resides on a server that has restrictive cross-origin resource sharing (CORS) settings. To resolve this issue, the server that hosts PDF documents must permit cross-origin requests from powerapps.com.
App users can work around these limitations by opening PDF documents in an external browser, as prompted if the control can't open a document. This option is also available in the control menu for all external documents.
Key properties
Document – The URL, enclosed in double-quotation marks, of a PDF file.
Additional properties
ActualZoom – The actual zoom of the control, which may differ from the zoom requested with the Zoom property.
BorderColor – The color of a control's border.
BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.
BorderThickness – The thickness of a control's border.
CurrentFindText – The current search term that is in use.
CurrentPage – The number of the page in a PDF file that is actually being shown.
DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
Image Link Viewer
DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.
Fill – The background color of a control.
FindNext – Finds the next instance of FindText in the document.
FindPrevious – Finds the previous instance of FindText in the document.
FindText – The search term to look for in the document.
Height – The distance between a control's top and bottom edges.
HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.
OnSelect – How the app responds when the user taps or clicks a control.
Step 2:
Create the HTML link to open to the Destination in the PDF by adding the argument '#[destination name]' to the end of the URL.
For example, the below URL will open a PDF file named sample.pdf to a destination named 'index':
https://www.example.com/sample.pdf#index
You can also use this HTML tag in a web page to open a PDF file named sample.pdf to a destination named 'index':
Suggested Articles
An experimental control that shows the content of a PDF file.
Description
Show text, graphics, and other content in a PDF file by adding this type of control and setting its Document property to the URL, enclosed in double quotation marks, of the file that you want to show.
Limitations
The security architecture of Power Apps requires the PDF Viewer to support only HTTPS links, not HTTP.
The Document property must link directly to the PDF file. Server redirects or HTML views of the document aren't supported.
Transfer pictures from android phone to pc. The server that hosts the document must not require authentication.
You may not be able to view a PDF document in your app if the document resides on a server that has restrictive cross-origin resource sharing (CORS) settings. To resolve this issue, the server that hosts PDF documents must permit cross-origin requests from powerapps.com.
App users can work around these limitations by opening PDF documents in an external browser, as prompted if the control can't open a document. This option is also available in the control menu for all external documents.
Key properties
Document – The URL, enclosed in double-quotation marks, of a PDF file.
Additional properties
ActualZoom – The actual zoom of the control, which may differ from the zoom requested with the Zoom property.
BorderColor – The color of a control's border.
BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.
BorderThickness – The thickness of a control's border.
CurrentFindText – The current search term that is in use.
CurrentPage – The number of the page in a PDF file that is actually being shown.
DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).
Image Link Viewer
DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.
Fill – The background color of a control.
FindNext – Finds the next instance of FindText in the document.
FindPrevious – Finds the previous instance of FindText in the document.
FindText – The search term to look for in the document.
Height – The distance between a control's top and bottom edges.
HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.
OnSelect – How the app responds when the user taps or clicks a control.
OnStateChange – How an app responds when the state of the control changes.
Pdf Viewer Link Icon
PaddingBottom – The distance between text in a control and the bottom edge of that control.
PaddingLeft – The distance between text in a control and the left edge of that control.
PaddingRight – The distance between text in a control and the right edge of that control.
PaddingTop – The distance between text in a control and the top edge of that control.
Page – The number of the page that you want to show.
PageCount – The number of pages in a document.
PressedBorderColor – The color of a control's border when the user taps or clicks that control.
ShowControls – Whether an audio or video player shows, for example, a play button and a volume slider, and a pen control shows, for example, icons for drawing, erasing, and clearing.
Tooltip – Explanatory text that appears when the user hovers over a control.
Visible – Whether a control appears or is hidden.
Width – The distance between a control's left and right edges.
X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).
Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).
Zoom – The percentage by which an image from a camera is magnified or the view of a file in a PDF viewer.
Example
Add a PDF viewer control, and set its Document property to the URL, enclosed in double quotation marks, of a PDF file as in this example:
'https://blog.mozilla.org/security/files/2015/05/HTTPS-FAQ.pdf'
The control shows the PDF file.
Don't know how to add and configure a control?
Accessibility guidelines
Not all accessibility features of PDF documents are supported because the PDF viewer is still in the experimental stage. Therefore, ShowControls should be set to true to allow users to open the document in an external application.
Learn how to create accessible PDF documents with the WCAG 2.0 and PDF/UA standards.
Screen reader support
Online Pdf Viewer Link
- Consider adding a heading using a Label, if the PDF document does not have a title. The heading can be positioned immediately before the PDF viewer.
