Showing results for 
Search instead for 
Did you mean: 
Frequent Visitor

display powerapps on sharepoint powerapps webpart, is not full fit to size page. How do to make it the apps show full size?

Hi All, i am confuse with this issue, i build apps in powerapps with landscape mode and using ratio 16:9. i assume when i show it on the sharepoint using sharepoint powerapps webpart the display of our apps is fully page in one coloumn. but i got the small div on there, so make it our apps display not full fit to page or coloumn page. i have trying twi different method :


1. using webpart powerapps and this is the result :



2. when i used embed methode :

with w:100% and H:100%



it's bigger thank view using methode point 1. but i got grey area on there.


i also trying open the apps on powerapps apps on windows 10, i have issue too, i got blank area on bottom canvas when playing this apps.


please kindly help me to make our apps fully display


Super User
Super User

Responsive layouts with Canvas Apps are unfortunately a bit difficult to achieve. I know the MSFT product group is working on making this more immediate and achievable, but for now, you need to actually plan for your responsive layout, setting dynamic values to the height and width of each and every item you want to scale dynamically.


Probably not the answer you were hoping for, but here is the step-by-step walkthrough on how to do it.

Community Support
Community Support

Hi @adminKF ,


The very simply way of fill the section of SharePoint web part is turning off "Scale to fit" in Power Apps Studio settings:



Or even further that set the size to Custom, as I fount the Aspect Ratio of web part is about 8:3, so you could try set width to 2048:


But with this you may need to adjust size of all controls in your app.


Hope this helps.


Best regards,

Community Support Team _ Jeffer Ni
If this post helps, then please consider Accept it as the solution to help the other members find it.

Community Support Team _ Jeffer Ni

If this post helps, then please consider Accept it as the solution to help the other members find it.

I don't think I agree with this approach at all, @v-jefferni.


Yes, you can "Scale to Fit" but then it will stretch the content to fit the space, which will look poor in the best of circumstances and completely ridiculous if someone is using an especially wide aspect monitor.

And yes, you can hardcode the width to a number of pixels so it fills the space without stretching on your monitor, but then it's only going to shoe the exact same problems again on the next monitor with different aspect ratio.

I think the only reasonable approaches are to NOT scale to fit and accept the whitespace / adjust your canvas to match (not possible in SP, I know) or follow the MSFT directions for implementing a proper Responsive Layout design.

Helpful resources

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on August 17, 2022 at 8am PDT.

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Users online (2,802)