Answered

Power App Web Part Sizing

(1) Share

Report

Posted on by JamesMac

I have a Power App that I have deployed as a webpart on a SharePoint page and was able to resize it without issue. However, when I try to add it to a different SharePoint page, I am not able to resize it, so that the app is fully visible. Both Power App webparts are added to the right side section of a one-third right section, on a Teams SharePoint page. How can I get this app to display fully in a Power Apps webpart?

Power App Resized in First Webpart Deployment

Power App NOT Resized in Second Webpart Deployment

Categories:

Building Power Apps

All responses (7)

Answers (1)

Sort by

AhmedSalih 6,680 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Hello, @JamesMac, what are the Display Settings of your canvas App?

Regards,

Ahmed

If my reply helped you, please give a 👍. And if it has solved your issue, please consider a 👍 & Accepting it as the Solution to help other members of the community find it more.
My Blog: www.powerplatformplace.com
JamesMac 77 on at

Like
a
(0)

Report
Copy link

Link copied!

The display settings are:
Portrait
320 width by 768 height
Scale to Fit = On
Lock Aspect Ration = Off
Lock Orientation = Off
AhmedSalih 6,680 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@JamesMac , try to clear your browser cache or use another browser just to ensure it is not a browser issue.
JamesMac 77 on at

Like
a
(0)

Report
Copy link

Link copied!

I cleared the browser cache and tried with Chrome, Edge, and Firefox without any luck. Chrome and Edge will only scale to the edge of the container. While Firefox will not resize at all.
Verified answer

JamesMac 77 on at

Like
a
(1)

Report
Copy link

Link copied!

I ended up recreating the app and was able to get it to size in the SharePoint page.
Schwartz_Cory 184 on at

Like
a
(0)

Report
Copy link

Link copied!

Yeah I have this issue too often. I tried using another power app which was full size, and then replacing with the app I wanted, it would still resize down to the little rectangle box. What ended up working for me was making some more changes to the app and publishing them. Then when I tried it again it worked. I also used a spacer to make sure there was room on the SharePoint page for the app to grow.
Schwartz_Cory 184 on at

Like
a
(0)

Report
Copy link

Link copied!
Back again with same issue. Can confirm the fix below:
I export/import solution from Development to Production Environment
Development Env. is full screen, Prod. is not.
I export/import again by "upgrading" the solution from Dev. to Prod.
Works now
Also, make sure you try using the AppID and not just the Link to the power app. That's worked for me sometimes.