cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Sacred_Totems
Advocate II
Advocate II

Screen Size Based Navigation

Is it possible to have canvas app navigation based on screen size&/or device type?

For example within a forward navigation button, if the device is a tablet then the user is taken to Screen A, but if the device is a phone the user is taken to Screen B.

1 ACCEPTED SOLUTION

Accepted Solutions
timl
Super User III
Super User III

Hi @Sacred_Totems 

Power Apps supports responsive design. It's a large topic but you can find out more here.

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

Essentially, you would write code that looks like this:

 

 

If (Screen.Size = ScreenSize.Small,
    Navigate(PhoneScreen),
    Navigate(TabletScreen)
)

 

 

Here's an excerpt from the help page...

 

image.png

 

 

View solution in original post

7 REPLIES 7
ZabiBabar
Continued Contributor
Continued Contributor

This idea, once implemented and released, should be able to do what you want but I don't think it's possible yet. 

 

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Get-Device-Info-in-PowerApps/idi-p/3173

@ZabiBabar  thank you.  I will leave this up for a bit, to see if there is anyone who knows of a way.

 

If this is not an option, then I hope people vote for that idea you shared because this would help shorten development times for those who want to simultaneously maximize aesthetic and user efficiency. 

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Get-Device-Info-in-PowerApps/idi-p/3173

ZabiBabar
Continued Contributor
Continued Contributor

Yeah good luck, man! It has been under review for almost 3 years. Hopefully they get to it soon. Right now, what I think you could do is ask the at the startup whether

  1. They are using Phone or Tablet 
  2. They would like to open the app in Phone or Tablet view

Or you could create two separate apps for Phone and Tablet. You can copy paste stuff easily between apps. 

Knowing phone or tablet would be great.  That would mean I could use it as a variable in navigations.

ZabiBabar
Continued Contributor
Continued Contributor

Yes, exactly.

timl
Super User III
Super User III

Hi @Sacred_Totems 

Power Apps supports responsive design. It's a large topic but you can find out more here.

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

Essentially, you would write code that looks like this:

 

 

If (Screen.Size = ScreenSize.Small,
    Navigate(PhoneScreen),
    Navigate(TabletScreen)
)

 

 

Here's an excerpt from the help page...

 

image.png

 

 

View solution in original post

@timl solved it!

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.

Top Solution Authors
Top Kudoed Authors
Users online (39,614)