Display PDFs in SharePoint

  • View
    11.886

  • Download
    4

Embed Size (px)

DESCRIPTION

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

Text of Display PDFs in SharePoint

  • 1. - Display PDFs 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. - Display PDFs in SharePointThe complete solution provides;A quick & easy method to display a PDF inside SharePointThe 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. - Display PDFs 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. - Display PDFs in SharePointThe final solution will be display the pdf as picturedGreg Gignac SharePoint ConsultantMy SharePoint Portfolio 5. - Display PDFs 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. - Display PDFs 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. - Display PDFs in SharePointHow to build instructions;Step 4Add a content editor web part to any zone on the pageSelect click here to add new contentGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio 8. - Display PDFs 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 TextGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio 9. - Display PDFs 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; Step 7 Save the page and the pdf should now be viewable in the iFrameGreg Gignac - SharePoint ConsultantMy SharePoint Portfolio 11. - Display PDFs 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. - Display PDFs in SharePointConfiguration Choices;The width and height of the iFrame can be adjusted by configuringthe green highlighted scriptThe scrollbar, toolbar and navpane can be hidden by replacing 1with 0Set the zoom as an integer(view percentage)