kwizcom banner advertisement

Display PDF Files in Content Editor Web Part

We can display PDF files inside content editor web part. Here is how: add a Content Editor web part to the page and place the object tag as below in HTML Source of the content editor web part.

Using Object Tag to display pdf document in CEWP:
<object width="400" height="500" type="application/pdf" 
data="http://sp10.Crescent.com//MCM/Documents/Pre-Reads.pdf?#zoom=75&scrollbar=1&toolbar=1&navpanes=1"
 id="pdf_content">
sharepoint pdf content editor web part
show pdf file in content editor web part

and the output on web page: pdf file in content editor web part
sharepoint display pdf in web part
Using Embed Tag: 
This can be achieved using embed tag as well.
<embed src="http://sharepoint.company.com/documents/SharePointMCM.pdf" width="500" height="375">
Display PDF Files in Content Editor Web Part Display PDF Files in Content Editor Web Part Reviewed by Salaudeen Rajack on May 11, 2012 Rating: 5

4 comments:

  1. Hi

    Do you know if there's any additional code to add and remove the default PDF options like save. Even after adding extra security settings to the PDF we can still see the option. I've managed to remove print however. I'm using the embed code.

    Thanks
    A

    ReplyDelete
    Replies
    1. Well, You can disable Save/Copy in PDF files by setting restrictions using Adobe PDF Writer.

      Delete
  2. Hello,
    Many thanks for the solution! One thing i noticed is that, when i pull up the site on an ipad, it wont let me scroll and it only displays the top half of the pdf. Any ideas on how to fix? thanks!!

    ReplyDelete
  3. ticed is that, when i pull up the site on an ipad, it wont let me scroll and it only displays the top half of the pdf. Any ideas on how to fix? thanks!!

    Read more: http://www.sharepointdiary.com/2012/05/display-pdf-inside-content-editor-web.html#ixzz3YaqUfoLn

    ReplyDelete

Please Login and comment to get your questions answered!

Powered by Blogger.