Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Display PDFs in SharePoint

21,029 views

Published on

These slides illustrate how to display PDFs in SharePoint using the content editor web part.

Published in: Technology
  • Are You Heartbroken? Don't be upset, let Justin help you get your Ex back. ➤➤ http://scamcb.com/exback123/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Display PDFs in SharePoint

  1. 1. - Display PDF’s in SharePointIn this solution I will be illustrating how to display a PDF anywhere ona SharePoint page using the content editor web part.Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  2. 2. - Display PDF’s in SharePointThe complete solution provides;•A quick & easy method to display a PDF inside SharePoint•The standard Adobe header/frame for sizing and printing etc.•The exact script to use in the content editor web part(CEWP) whichprovides the display engine and links the specific PDFGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  3. 3. - Display PDF’s in SharePointSolution Parts:•The solution utilizes a PDF stored in a document library, the contenteditor web part, and script to automatically display and create theiFrame as pictured below.Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  4. 4. - Display PDF’s in SharePointThe final solution will be display the pdf as picturedGreg Gignac – SharePoint ConsultantMy SharePoint Portfolio
  5. 5. - Display PDF’s in SharePointHow to build instructions;Step 1Upload any standard pdf file type into a SharePoint document libraryStep 2Right click on the name of the pdf file name in order to copy the urllocation of the pdf document. Paste this url in notepad.Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  6. 6. - Display PDF’s in SharePointHow to build instructions;The url will be used inside the script to direct the web part to displaythat specific pdf.Step 3Edit any SharePoint page, by clicking page then editGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  7. 7. - Display PDF’s in SharePointHow to build instructions;Step 4Add a content editor web part to any zone on the pageSelect “click here to add new content”Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  8. 8. - Display PDF’s in SharePointHow to build instructions;Step 5Once the add new content is selected it should activate the ribbonunder Format Text. The HTML drop down should now be visible.Note: If you do not see the HTML link it is because the ribbon is not referenced to the web part. Left clickyour cursor inside the web part or as pictured above to the right if the web part has already been added.This will re-activate the HTML button in the ribbon under “Format Text”Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  9. 9. - Display PDF’s in SharePointHow to build instructions;Step 6Select “Edit HTML Source” from the dropdown.This will open a window titled HTML Source.Copy and paste the script belowin HTML Source;<object width="850" height="1000" id="pdf_content" data"thePDFurl.pdf?#zoom=75&amp;scrollbar=1&amp;toolbar=1&amp;navpanes=1" type="application/pdf"style="width: 850px; height: 1000px<>/object>Replace the sample red pdf name with your pdf name that youpreviously saved to notepad.Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  10. 10. - Display PDF’s in SharePointHow to build instructions;Example script except with a relative url<object width="845" height="997" id="pdf_content" data="/h/Documents/yourpdf.pdf?#zoom=75&amp;scrollbar=1&amp;toolbar=1&amp;navpanes=1" type="application/pdf"style="width: 818px; height: 997px"></object> Step 7 Save the page and the pdf should now be viewable in the iFrameGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  11. 11. - Display PDF’s in SharePointSolution Re-use:This solution can easily be reused simply by downloading and thenuploading the configured content editor web part to the web partgallery within SharePoint.The only portion of the script that needs to be updated is the url linkthat references the specific pdf in the script.Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  12. 12. - Display PDF’s in SharePointConfiguration Choices;•The width and height of the iFrame can be adjusted by configuringthe green highlighted script•The scrollbar, toolbar and navpane can be hidden by replacing “1”with “0”•Set the zoom as an integer(view percentage)<object width="850" height="1000" id="pdf_content"data"thePDFurl.pdf?#zoom=75&amp;scrollbar=1&amp;toolbar=1&amp;navpanes=1"type="application/pdf" style="width: 850px; height: 1000px<>/object>Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  13. 13. - Display PDF’s in SharePointThis solution also works in Office 365!Greg Gignac - SharePoint ConsultantMy SharePoint Portfolio
  14. 14. - Display PDF’s in SharePointThe content editor web part(CEWP) with the script illustrated in theseslides can be downloaded from my onGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio

×