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 / How to change screen s...
Power Apps
Answered

How to change screen size during editing in PowerApps Studio

(0) ShareShare
ReportReport
Posted on by 945

Hello guys,

 

Am wondering, when we edit our apps, can we or how to change the screen size to simulate exactly the type of screen size ? So basically we have 4 screen size : small/medium/large/extra large, but how to make our app during edit to display the possible screen size ?

 

For example in my editor right now ->

Axal_0-1628507998020.png

I put a label to indicate my screen size, and now it shows size : 2, of course when I "PLAY" this, it will turn into 4 (xl = laptop), but I want it to be during edit as well, like a simulation of the real time while play. 

 

Reason is also because I'm facing some problem with the structure layout of my app. When you have a structure like this :

Axal_1-1628508581092.png

On the left, is the layout which is a structure of container inside container. While the main container (GeneralTabContainer) has Width of Parent.Width (which is full width of the screen), the top 2 of its child (HeaderContainer and DetailBarContainer) are also having Width of Parent.Width. These obviously make these 2 container stretch fully in horizontal of the screen.

 

Problem arise when the 3rd container, which I have formula in its Width that said :

 

If(MainScreen.Size > 2, Parent.Width / 2, Parent.Width)

 

The idea is when the screen is large or extra large (3 or 4), the Width of this container will only be half of the parent container. Reason is I have another container, below it and I want to make it shifted from below it to be beside of this Edit container.

 

But the actual is wrong, when I hit "Play" and the screen size turned 4, this EditContainer took whole width of the screen (Parent.width), which make the formula not effected.

 

That's why I want to see, when edit (not play), the screen size is already 4, is that possible ?

 

Thanks

 

Categories:
I have the same question (0)
  • Nogueira1306 Profile Picture
    7,390 Super User 2024 Season 1 on at

    Hey! I would suggest not to do the divison of the screens.. Because, imagine you set the divison in 750
    If you have 1 with 749 px, it will be really small, for exmaple. My adivde is to always do that formlua you showed. Also, check this video.

    https://www.youtube.com/watch?v=1o2L0DADzKQ

    And, I am not sure, but i think that components dont function well with this

  • Verified answer
    StalinPonnusamy Profile Picture
    Super User 2024 Season 1 on at

    Hi @Axal

     

    • Make sure to EditContainer "AlignInContainer" property to 
    AlignInContainer.SetByContainer
    •  We can use multiple Vertical or Horizontal containers within the container based on layout
  • Axal Profile Picture
    945 on at

    Hi @StalinPonnusamy 

     

    Thanks, it is because of those child containers was set to "Custom" before. Changed the "Aligned in container" to Set by container, now it is works.

     

    Thanks again.

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 536

#2
WarrenBelz Profile Picture

WarrenBelz 426 Most Valuable Professional

#3
Haque Profile Picture

Haque 305

Last 30 days Overall leaderboard