cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Helper II
Helper II

First time embedding PowerApp in SharePoint 365. Need help getting rid of dark gray background

I just embedded my powerapp to SharePoint 365 (first time) and not sure what's up with the dark gray background.  I am using the SharePoint "modern experience" vs. "classic SharePoint".  My embed code is as follows:

 

<iframe src="https://web.powerapps.com/webplayer/iframeapp?source=iframe&amp;screenColor=rgba(104,101,171,1)&amp;..." width="665px" height="768px"></iframe>

 

Attached is a screenshot.  If I adjust the width and the height, I can make the powerapp bigger and it makes the dark gray space smaller. 

1 ACCEPTED SOLUTION

Accepted Solutions


@cherie wrote:

Hi,

 

Have you tried using the web part for PowerApps instead? https://support.office.com/en-us/article/use-the-powerapps-web-part-6285f05e-e441-408a-99d7-aa688195...

 

If you want to embed it yourself with the html snippet, the width and height need to be in the same proportion as the screen canvas (the white part) itself. Another thing you can try is if you go into Advanced settings, there is an Enable app embedding user experience. This option will make the background white.

 

Thanks

Cherie


That seems to work better so thanks for the tip.  I didn't know that was available.  There is an issue with the size, however.  It is displaying the powerapp smaller than what I see when I view the powerapp from the powerapp link provided in the details page of the app.  I see that there is a way to resize the app by pulling down on the bottom right corner but it won't allow me to pull down any futher.  It seems like SharePoint is preventing me from making the height any taller than it currently is.  My powerapp is a protrait tablet canvas.

View solution in original post

5 REPLIES 5
Power Apps
Power Apps

Hi,

 

Have you tried using the web part for PowerApps instead? https://support.office.com/en-us/article/use-the-powerapps-web-part-6285f05e-e441-408a-99d7-aa688195...

 

If you want to embed it yourself with the html snippet, the width and height need to be in the same proportion as the screen canvas (the white part) itself. Another thing you can try is if you go into Advanced settings, there is an Enable app embedding user experience. This option will make the background white.

 

Thanks

Cherie


@cherie wrote:

Hi,

 

Have you tried using the web part for PowerApps instead? https://support.office.com/en-us/article/use-the-powerapps-web-part-6285f05e-e441-408a-99d7-aa688195...

 

If you want to embed it yourself with the html snippet, the width and height need to be in the same proportion as the screen canvas (the white part) itself. Another thing you can try is if you go into Advanced settings, there is an Enable app embedding user experience. This option will make the background white.

 

Thanks

Cherie


That seems to work better so thanks for the tip.  I didn't know that was available.  There is an issue with the size, however.  It is displaying the powerapp smaller than what I see when I view the powerapp from the powerapp link provided in the details page of the app.  I see that there is a way to resize the app by pulling down on the bottom right corner but it won't allow me to pull down any futher.  It seems like SharePoint is preventing me from making the height any taller than it currently is.  My powerapp is a protrait tablet canvas.

View solution in original post

Which option did you go with? Can you share a screenshot of what it looks like with me? 

Ok.  I think it was user error.  I have it figured out now.  I had the width and height proportions mixed up.  Thanks for your help!

Anytime glad it worked!

Helpful resources

Announcements
News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

Power Apps Community Call

Power Apps Community Call- January

Mark your calendars and join us for the next Power Apps Community Call on January 20th, 8a PST

PP Bootcamp Carousel

Global Power Platform Bootcamp

Dive into the Power Platform stack with hands-on sessions and labs, virtually delivered to you by experts and community leaders.

secondImage

Power Platform Community Conference On Demand

Watch Nick Doelman's session from the 2020 Power Platform Community Conference on demand!

Top Solution Authors
Top Kudoed Authors
Users online (5,013)