Unanswered

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

(0) Share

Report

Posted on 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:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

cchannon 4,702 Moderator on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
v-jefferni on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
cchannon 4,702 Moderator on at

Like (0)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No