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
Super User

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
Super User

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
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!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Users online (1,198)