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
Continued Contributor
Continued Contributor

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
Continued Contributor
Continued Contributor

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

MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

secondImage

Are Your Ready?

Test your skills now with the Cloud Skill Challenge.

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Users online (41,973)