web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Extra grey space on bo...
Power Apps
Unanswered

Extra grey space on both side of the screen

(0) ShareShare
ReportReport
Posted on by Microsoft Employee

There are grey spaces on both side of the Power Apps screen when embedded in an i Frame in a html page. Any suggestion to removing the spaces?
PowerApps Screen.png

Categories:
I have the same question (0)
  • Pstork1 Profile Picture
    69,270 Most Valuable Professional on at

    The only way to remove that grey space is to adjust the actual canvas size of the app using responsive design techniques.  That requires turning off certain autosizing options in the settings and programattically setting the height and width.  It does require a fair amount of effort because removing those spaces will change the layout of every control on the screen.  So you'll need to adjust all of them.  You can read about how to do responsive design in Power Apps here:

    https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-responsive-layout

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 541

#2
WarrenBelz Profile Picture

WarrenBelz 434 Most Valuable Professional

#3
Valantis Profile Picture

Valantis 289

Last 30 days Overall leaderboard