cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Helper III
Helper III

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

Re: Screen Size Based Navigation

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
Highlighted
Continued Contributor
Continued Contributor

Re: Screen Size Based Navigation

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

Highlighted
Helper III
Helper III

Re: Screen Size Based Navigation

@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

Highlighted
Continued Contributor
Continued Contributor

Re: Screen Size Based Navigation

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. 

Highlighted
Helper III
Helper III

Re: Screen Size Based Navigation

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

Highlighted
Continued Contributor
Continued Contributor

Re: Screen Size Based Navigation

Yes, exactly.

Highlighted
Super User
Super User

Re: Screen Size Based Navigation

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

Highlighted
Helper III
Helper III

Re: Screen Size Based Navigation

@timl solved it!

Helpful resources

Announcements
secondImage

Demo-Extravaganza 2020

Check out these cool Power Apps & vote on your favorite!

secondImage

Community Highlights

Check out whats happening in Power Apps

secondImage

Community User Group Member Badges

FIll out a quick form to claim your community user group member badge today!

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (9,526)