Embed Microsoft Office 365 Word or Excel document inside Glide App

I would like to embed documents (Word or Excel documents) stored in a single folder on Microsoft Sharepoint or Microsoft OneDrive inside a Glide app.

I’m hoping to not only see the document (though displaying anything would already be a good start), but also if possible an Office editing panel so the document could be edited directly from inside the Glide app (basic editing would be fine).

I attempted the following:

  • Created a Word document in Microsoft Office 365
  • Shared the document and made sure it was accessible by anyone with the link
  • Directly from the share/embed panel from the document, copied the “embed snippet of code” which seems to be an HTML iframe.
  • Pasted this snippet of code inside a rich text component inside the layout editor: the document did not display.
  • Pasted this same snippet of code inside a custom AI component: same result, the document did not display.

Has anyone successfully attempted this? Or do we know for sure that this might not be possible so I don’t continue down this rabbit hole?

UPDATE: Exploring the “web embed” component is probably the correct approach.

Did your try the web embed component? Use an HTML to URL column to convert it.

The web embed component works nicely indeed, thanks.

Editing isn’t possible with the basic script I used, I’ll see if I can find another one that would allow the use to edit the document. Technically, do you feel that would be possible, or is web embed mostly for the display of the source but not writing to the source.

Is there an action= in the embed code? Can you share it redacting the important parts?

No action= in the embed code.

Here is the embed code:

<iframe src="``https://1drv.ms/w/c/a2ebec9f16cd08c5/IQRtbgISM6irQbqG_nw9vysfASsNeuYHNLTPyoJVTMWKAuM``" width="476px" height="288px" frameborder="0">This is an embedded <a target="_blank" href="``https://office.com``">Microsoft Office</a> document, powered by <a target="_blank" href="` https://office.com/webapps `">Office</a>.</iframe>

I’m off to bed, it’s late where I am.

Seems like a CORS issue with editing.

1 Like