SharePoint Stuff

(This post was written using a SharePoint 2010 environment)

In this scenario will will demonstrate how, with just a little bit of code you can embed a PDF seamlessly within a page in SharePoint that fits well and has no toolbars.

The situation

You are required to create a page in classic SharePoint (SharePoint 2010) that displays a PDF file within it without any of the toolbars on the page.

The solution

The way I made this work was to use a content editor web part (CEWP) to add my PDF to the page, then edit the HTML source within the web part to add a tag parameter to the end of the file’s URL in order to hide the toolbar.

• To begin, upload the PDF file you wish to embed in a document library within the SharePoint site > Make a note of the files URL

• If you don’t already have a page created, press Site Actions > New Page to create one
• Give your page a name and press OK.
• With the page in edit mode, press insert > web part > under media and content > content editor web part
• This will then add the CEWP onto the page > click inside the content editor web part to add new content

• Under editing tools > format text > press HTML > Edit HTML Source
• Enter the following:

<embed width="1000" height="600" align="middle" src="[YOURFILE].pdf#toolbar=0" type="application/pdf"></embed>

• Press OK. You should now see your PDF embedded on the page like the screenshot below.

• To make the PDF embed even more seamless, you can also hide the content editor web part on the page
• Edit the page > click on the down arrow towards the end of the CEWP’s title > press Edit Web Part

• Expand the appearance heading > under Chrome Type select None
• Press Apply and OK
• Save and Close the page editor

More information

In the example above, I’ve only shown one tag parameter to hide the Adobe toolbar. However, there are several parameters that can used in this context which you can take a look at here.

---