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

 

 

@timl solved it!

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

May UG Leader Call Carousel 768x460.png

What difference can a User Group make for you?

At the monthly call, connect with other leaders and find out how community makes your experience even better.

Top Solution Authors
Top Kudoed Authors
Users online (2,200)