Tuesday, November 18, 2014

How to embed PDFs in Webpage 2014 - Word Online Document Viewer

A super feature of OneDrive is it has the ability to quickly view entire documents in your webpage without leaving your browser. That's right the you can embed entire Office documents including PDFs to be view in your webpage, without downloading the document. Office guys really nailed this functionality down!

Here's how:

1. Uploaded your desired document to Microsoft's OneDrive

2. Click on interested document to open in detailed view. PDFs will open in the Word Online detail view.

3. Click on File

sample is a PDF file
4. This will bring you to a File Menu and click Share and then Embed

5. Choose embed size and click on chevron (down arrow) to reveal start on page and additional options.

6. Grab Embed Code and paste into your webpage.

7. Sample embedded code demo

However, I did notice that it's not obvious in the above control that you can scroll through pages of the embedded document. You can right-click the doc for zoom factors, but not ability to scroll to a specific page, a slight oversight.

8. Add the following caption

TIP! Scroll Pages by mouse wheel, page up/down or up/down arrow, remember to click on doc first.

Here's the code for the tip.

No comments:

Post a Comment