Power Apps: Preview SharePoint Files + Edit Office Documents
Power Apps
Jul 10, 2023 4:00 PM

Power Apps: Preview SharePoint Files + Edit Office Documents

by HubSite 365 about Reza Dorrani

Principal Program Manager at Microsoft Power CAT Team | Power Platform Content Creator

Citizen DeveloperPower SelectionPower AppsLearning Selection

In this Power Apps Tutorial Video, we dive into the exciting world of file previewing and editing in PowerApps using SharePoint Document Library. Discover how y

Power Apps Tutorial: File Previewing and Editing with SharePoint Document Library

Welcome to this Power Apps tutorial video, where we will explore the exciting world of file previewing and editing in Power Apps using SharePoint Document Library. In this comprehensive tutorial, you'll discover how to seamlessly preview files from SharePoint and directly edit Office documents (Word, PowerPoint, and Excel) within Power Apps.

Overview

In this tutorial, we will dive into the process of leveraging the power of SharePoint REST API and Microsoft Graph API to enable document previews and edits in Power Apps. You will learn step-by-step how to build a file preview experience, make API calls to SharePoint REST API and Graph API, and utilize Power Automate for seamless integration.

The Magic of Graph API ๐Ÿš€

Witness firsthand the power of the Graph API as we explore how to query the SharePoint REST API to generate file previews and edit experiences. You'll be amazed at the capabilities unlocked by this powerful tool. And the best part? These techniques work on Mobile Apps too!

Key Topics Covered

This tutorial covers a range of important topics related to file previewing and editing in Power Apps:

โœ… Demo - Document Viewer + Editor in Power Apps: We start with a demonstration of the final document viewer and editor we'll be building throughout the tutorial.

โœ… Utilizing Microsoft Graph API to preview drive items: Learn how to leverage the Graph API to preview and display items from your SharePoint document library in Power Apps.

โœ… Leveraging SharePoint REST API to preview SharePoint library files: Discover how to use the SharePoint REST API to preview files directly from your SharePoint library within Power Apps.

โœ… Editing office documents directly within Power Apps: Gain insights into how you can enable direct editing of Office documents (Word, PowerPoint, and Excel) without leaving Power Apps.

โœ… Full document library experience in Power Apps: Explore the possibilities of creating a comprehensive document library experience within Power Apps, allowing users to preview and edit files seamlessly.๐Ÿ”— SharePoint REST operations via the

Ressouces:

[https://learn.microsoft.com/en-us/sharepoint/dev/apis/sharepoint-rest-graph]

๐Ÿ”— Microsoft Graph Explorer:

[https://developer.microsoft.com/graph/graph-explorer]

๐Ÿ”— driveItem: preview - Obtain a short-lived embeddable URL for an item to

render a temporary preview:

[https://learn.microsoft.com/en-us/graph/api/driveitem-preview?view=graph-rest-1.0]

๐Ÿ”— Embeddable file previews:

[https://learn.microsoft.com/en-us/onedrive/developer/rest-api/api/driveitem_preview?view=odsp-graph-online]

๐Ÿ”— Iframe PCF code component:

pcf.gallery/iframe-pcf/ [https://pcf.gallery/iframe-pcf/]

 

In-Depth Analysis

Power Apps, SharePoint Document Library, and Graph API combine to allow efficient file management, effective editing of Office documents and a seamless overall experience. By tapping into the power of SharePoint REST API and Microsoft Graph API, previewing and editing documents directly in Power Apps becomes possible. The techniques learned can be applied not only for desktop applications but also for mobile apps, promising flexibility and ease of use.

Learn about Power Apps: Preview SharePoint Files + Edit Office Documents

In this Power Apps tutorial video, you will learn how to use Microsoft Graph API and SharePoint REST API to enable document previews and edits in Power Apps. You will also learn how to leverage Power Automate for seamless integration, and how to query the SharePoint REST API to generate file previews and edit experiences. Additionally, this tutorial will show you how to preview files from SharePoint and directly edit Office documents (Word, PowerPoint, and Excel) within Power Apps. Finally, you will see how these techniques can be applied to mobile apps.

More links on about Power Apps: Preview SharePoint Files + Edit Office Documents

Edit a document in a document library
Another option for editing from a document library is to click the Show Actions ellipses ... > Open. You may also have the option to click Preview. Some file ...
How to edit attached word or excel documents direc...
There is no way to edit Word or Excel attached documents in Power Apps other than what you are doing (downloading and re-attaching). Please click Accept as ...
Attachment control, make documents open directly in word/excel
Hi I have a power apps that displays the attached files from a SharePoint item in an attachment control. Each time i click the attached file it.
Edit File within Model Driven App? - Power Platform Community
Solved: I currently have a SharePoint list that includes a PowerApp SharePoint form where users can click on the attachment and edit it within the.
Customize a Microsoft Lists or SharePoint form by using ...
Dec 15, 2022 โ€” Open your list, select Integrate -> Power Apps -> Customize forms. ยท In Power Apps Studio, select File, and then select See all versions.
Solved: Opening the Word (.docx) file within Power App and...
Solved: Hi All, I have a word document in SP Library. The issue with using Launch is that it opens in the new window and also is editable. We just.
The Secret Way To View Word, Excel & PowerPoint Files In ...
Jan 16, 2022 โ€” Power Apps has a secret Word, Excel and PowerPoint document viewer hiding in plain sight. It's actually the PDF viewer. No, the PDF viewer ...

Keywords

Microsoft Power Apps, SharePoint Document Library, SharePoint REST API, Microsoft Graph API, Power Automate, Mobile Apps.