Skip Navigation LinksPDF-CompleteSolution

 
I've spent way too much time making a few passes at the various issues with PDF files in Office365.
 
These are some of the solutions that are now included in the solution described on this page.
 
Open PDFs in Browser
 
Fix Missing PDF Icon
 
Add 'Open PDF in Browser' Menu Item
 
This is a simpler and more complete solution that works on any O365 Edition (P1-E3)
 
Special thanks to Matt at WeBBrewers.com for helping me test this.
Special thanks to Randall at www.firsttechdirect.com for fixing issues with extra dots in filenames and folders in doc view.
 
Please subscribe to this post for community support and notifications of future updates:
 
PDF Utilities Library
  • Install by simply creating a new Document Library then uploading a few files.
  • Enables Viewing PDF Files in Browser anonymously and Authenticated.
  • Document Hyperlinks Automatically work for PDF files
  • PDF Icon Automatically Appears
  • New Menu Item 'Open PDF in Browser' Appears
  • No Site Template, Workflow, Content Type or Doc Library Template required

 

 Here's what the results look like on P1 Teamsite:
P1_Documents4.PNG

Get files on your environment:
 
1) Create a new Document Library called Utilities.
 
CreateLib2.PNG

 
 
2) Download the the latest version of the Utilities Files.

CreateLib3_upload.PNG



Now you should have a Utilities Document Library on your top-level site here:

<yoursite>/utilities

Navigate there to confirm it exists.  It should look like this on P1 (minus the o365 branding on E3):

P1_Utilities.PNG 

Now you're ready to add the enhancements to your Document Library Views.  It's a good idea to hide this library from your Left Navigation so curious users don't mess with it.

 

Enhance your Document Library Views:

 (Repeat the following steps on each Document Library View that you wish to enhance.  Alternatively, you could add the script reference to the site master page using SPD)
 
1) Open your Document Library View (i.e. AllItems.aspx) and Click 'Edit Page' in 'Site Actions' Menu. 
EditPageSiteActions.PNG 
If you dont see 'Edit Page' you can paste the following at the end of the URL:
?ToolPaneView=2&PageView=shared
2)  Add Content Editor Web Part
 
Add_CEWP.PNG

 
3) Setup the CEWP like so:
    1-  Move it to below the Doc List View
    2-  Select Edit Web Part Properties
    3- Specify relative URL for javascript file (use the following, not what you see in the image below)
                    /utilities/pdf.js
    4- Select Hidden Checkbox
Add_CEWP2b.PNG

 
4) Apply, Save and refresh the page and you'll see the enhancements pictured at the beginning of this article. 
 
Repeat these steps for every Document Library View to show the enhancements on that page.
‚Äč

 

If you find this useful, feel free to click the DONATE button and buy me a coffee or something.  :-)

 

Have a great day!