cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
adminKF
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 :

adminKF_1-1614667457928.png

 

2. when i used embed methode :

with w:100% and H:100%

 

adminKF_2-1614667548249.png

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

 

3 REPLIES 3
cchannon
Impactful Individual
Impactful Individual

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.

v-jefferni
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:

174.png

 

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:

172.png

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
Impactful Individual
Impactful Individual

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

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

secondImage

Demo Extravaganza Winner Announcement

Please join us on Wednesday, July 21st at 8a PDT. We will be announcing the Winners of the Demo Extravaganza!

V3_PVA CAmpaign Carousel.png

Community Challenge - Giveaways!

Participate in the Power Virtual Agents Community Challenge

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Users online (2,338)