PDF Automation Server comes packaged with a ready to go HTML5 PDF Viewer that uses the REST server to view/modify documents directly in the browser with no plug-ins required. The HTML5 viewer can be added to any page with minimal coding by simply creating an iframe element on the page with the path to the document stored on the server. If you wish to customize the HTML5 PDF Viewer Toolbar follow the instructions below.
First follow the below instructions to setup the HTML5 PDF Markup or Viewer on your server:
- HTML5 PDF Markup – This viewer allows users to add annotations and save the document directly in the browser.
- HTML5 PDF Viewer – This is the simple HTML page that is for viewing PDFs only.
Once setup go to the PAS installation directory and under “\html\viewer” in the PAS installation directory.
Using any HTML or Text editor (such as Notepad++) edit the HTML file for the product you wish to use:
- pdfnotes.html – contains annotation, text markup, & redaction functionality
- mpdfnotes.html – mobile version of notes viewer
- pdfviewer.html – PDF viewer only
- mpdfviewer.html – mobile version of viewer only
All of the buttons are in the first part of the <body> in the <div class=”toolbar”> element. You can follow the instructions below to add or remove buttons.
To remove or hide a button just delete or comment out any of the buttons or groups you don’t want. For example, to remove the redaction button from the toolbar remove the following lines of code:
<span class="buttonGroup"> <button id="btnRedact" class="viewerbtn dropdown-toggle drawingbtn" title="Mark for Redaction" data-sticky="true"><img src="images/redaction.png" /></button> </span>
ADD NEW BUTTONS
<span class="buttonGroup"> <button id="myNewButton" class="viewerbtn" title="myToolTip"><img src="imagePathOnServer" /></button> </span>
TIP: Buttons can also be rearranged or organized differently by just reordering the HTML code.
Once you have completed the changes and save the file to the server they will take affect the next time the HTML5 Markup or Viewer is loaded.