cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Connor551
Resolver I
Resolver I

Screen Responsiveness - How to visualize

Hey guys!

I've got an app I've designed in portrait mode/mobile phone view.  I'm wondering if there's a way for me to see what I'm designing a bit easier.  It's really tough to design a landscape/computer design when I'm in the portrait/mobile layout.

Thanks in advance!

1 ACCEPTED SOLUTION

Accepted Solutions
Connor551
Resolver I
Resolver I

Solution!  I can't believe I'm just now trying this.  

In the Screen's Width/Height properties you can enter in any number and it will resize to whatever screen you're currently designing for!

Before, I've always used App.Width/App.Height in those properties - the problem is you get locked to the actual App setting's screen size.  If you just manually enter the values you can actually see what you're doing without constantly Publishing and waiting for updates.

View solution in original post

7 REPLIES 7
JayMagness
Solution Specialist
Solution Specialist

Hi, I am not sure what you are asking you can play and should be in the format you are developing. If you want to make it smaller I recommend using teams and call the app into team and adjust teams to the size you wish.

 

If you want more detail or want I can setup a teams meeting send a note to Jay@research-nest.com

 

jay

Sorry for the ambiguity!

 

I mean, I'm trying to make the app responsive to all screen sizes.  

 

How can I more easily see the changes I'm making to the desktop view when the designer is in the mobile view.  

 

Right now I'm having to Publish and open the app.  

KickingApps
Skilled Sharer
Skilled Sharer

Check out this screen simulator I created for the reason you mention.

 

If you have questions after looking at it, let me know.

 

Awesome!  I'll check that out.  

@KickingApps  Sorry, I'm not sure how to install this.  How do I do that?

Download the app(s) and then navigate to create.powerapps.com. There, search for the file you downloaded select it to open.

Connor551
Resolver I
Resolver I

Solution!  I can't believe I'm just now trying this.  

In the Screen's Width/Height properties you can enter in any number and it will resize to whatever screen you're currently designing for!

Before, I've always used App.Width/App.Height in those properties - the problem is you get locked to the actual App setting's screen size.  If you just manually enter the values you can actually see what you're doing without constantly Publishing and waiting for updates.

View solution in original post

Helpful resources

Announcements
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (1,576)