1

I am trying to embed a ppt viewer into our company's internal shared site where internal users can easily view my team's software documentation. The company is fairly large, so we are trying to make it look very professional for when other teams visit my team's page for software documentation. I saw on a completely unrelated website their document viewer and I want to display our documents in a similar type of box.

Below is a screen shot of the document viewer that I want it to look like (identifying information blocked out). The document viewer option that comes standard with the SharePoint does not have the side panel that offers a glance to the other pages like this one does. I see similar document viewers on other websites as well, so I know it can be done!

Goal Document View

Current PPT Web Part

My questions are: Is it possible to embed a similar style of view into my own SharePoint using the "document viewer" web part in the SharePoint or will I need to use some other method? Also, is there a name for the goal style of document viewer?

Improve this question

1 Answer 1

Reset to default
1

You can use the File viewer web part in SharePoint online to display the files on page. But, there is no way to show the side panel using this web part.

Workaround:

As a workaround you can use the Embed web part in SharePoint.

You can use the iframe code like below to embed the PPT in view mode on your page.

<iframe src="https://tenant.sharepoint.com/:p:/r/sites/myteam/_layouts/15/Doc.aspx?sourcedoc=%7Bacdc9f3b-30c9-417a-85ec-1dc1f72e5806%7D&action=view" title="PPT" width="100%" height="600"></iframe>

Output:

enter image description here

You can adjust the width & height of the iframe as per your requirements.

You can get the PPT URL to put in src attribute of above code by following below steps:

  1. Go to SharePoint document library where you have uploaded the PPT

  2. Click on the PPT name & it will open the file in new browser tab

  3. Copy the URL of file up to sourcedoc query parameter like below:

    enter image description here

  4. Append &action=view to the copied URL & add it to the src attribute.

  5. Add embed web part on a page & paste the iframe code in it.

Improve this answer
2

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.