PowerPoint Webviewer

Questions
1

I want to embed my app in PowerPoint slides using Web viewer ( Web Viewer (office.com)).

My app will not load. It shows a blank screen. Does anyone know what settings in bubble I need to change to make this work?

P.s., I’m trying to use live site for this. I have not tested the dev site.

Thanks,
Brian

2

@brian19
Make sure that your Bubble.io app’s Cross-Origin Resource Sharing (CORS) settings allow embedding within another domain. To do this, you can go to your Bubble.io app’s settings and navigate to the “API” tab. Ensure that your app’s CORS settings are configured to allow requests from the domain where you are embedding the app (likely office.com). You may need to add the appropriate domain(s) to the CORS settings.

Try embedding your Bubble.io app in different web viewers or embedding it in other websites outside of PowerPoint to determine if the issue is specific to the PowerPoint Web Viewer.

Verify that your Bubble.io app’s Content Security Policy (CSP) settings are not overly restrictive, as this could prevent the app from loading within an iframe.

Let me know if it helps.

3

Also check iframe options in settings to allow iframing it

4

Thanks. the iframe was teh issue. All fixed. Thanks.

1 Like
5

thanks for these suggestions.

6

Chris,
I have one related question. Do you know how to resize the Zoom size of the embedded webpage (my app) within PowerPoint? It appears to be set to 100% and I want to resize it to 75%.

7

You’ll use CSS on the Iframe itself.

#frame {
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}
8

I know this is old, but in case anyone is searching for a ready to use solution:

Better Uploader (disclaimer: my own plugin, but it’s free) comes with an element called ‘Better File Previewer’. It can preview Office documents such as word, excel or powerpoint (PDFs and images too).

It also automatically updates if ever the data source changes. Hope this helps

Best,