Unanswered

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

Like (0) Share

Report

Posted on 2 Mar 2021 06:52:25 by adminKF

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

Categories:

Application Lifecycle Management (ALM)

All responses (3)

Answers (0)

cchannon 4,702 Super User 2025 Season 1 on 03 Mar 2021 at 13:54:35

Like (0)

Report

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

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.
v-jefferni on 03 Mar 2021 at 10:50:05

Like (0)

Report

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

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.
cchannon 4,702 Super User 2025 Season 1 on 02 Mar 2021 at 13:32:47

Like (0)

Report

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

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.