Hello everyone and welcome to my blog. In today’s blog I will show how you can get rid of the borders when you insert a Power App webpart in SharePoint.
Let’s get started. For this blog, I have created a very simple Power App canvas app and used the Microsoft Power Apps web part to insert the app on to the SharePoint form.
The app displays just fine. However I could notice a faint border on the right and bottom of the app similar to the below illustration.
My initial hunch was to fix the borders in the app. But when I checked, I could not find any border set for any of controls on the app.
A bit of search and I found that I need to disable ‘Lock Aspect Ratio’ to remove the border.
While in most cases it will solve the problem, in my case I could not disable it. It was an existing app and I could find the app was getting distorted a bit if I uncheck the property.
So what is the other way? Under Upcoming features -> Experimental there is a property – Optimize for embedding experience.
If you are embedding a Power app inside SharePoint or Power BI, this setting takes effect.
I enabled this setting. And this time when I published the app, the borders were no longer visible in SharePoint.
I hope this helped. If you have liked the post and if this post has helped you, please subscribe to my blog.
Debajit Dutta