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
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Carousel_PP_768x460_Wave2 (1).png

2022 Release Wave 2 Plan

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

365 EduCon 768x460.png

Microsoft 365 EduCon

Join us for two optional days of workshops and a 3-day conference, you can choose from over 130 sessions in multiple tracks and 25 workshops.

Top Solution Authors
Users online (3,763)