cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
manjotsingh057
Level: Powered On

Loading device specific layouts on PowerApp

Hi All,

 

Is there a way to make Power App loading layouts based on device on which it is opened ?

So if i use it on Desktop/Tablets then it should open layouts specific to that and if i open the app on mobiles then the layout designed for mobile view should be loaded.

 

Thanks in advance.

1 ACCEPTED SOLUTION

Accepted Solutions
Mike2500
Level 8

Re: Loading device specific layouts on PowerApp

Unfortunately, that is correct. Following is from the PowerApps coding standards white paper:

 

"When you make the same PowerApps app target both phone and tablet layouts, first create one version of the app, run it through testing, and finalize it. Then convert it to the other version before you modify the layout and screens. This approach helps guarantee that your expressions, controls, variables, data sources, and so on, all have the same names. Therefore, it’s much easier to support the apps and develop them".

 

Of course, this approach does not make it easy to maintain the app, as any changes will need to be done to both apps. The white paper also links to a blog for instructions on how to do the above:

How to convert a PowerApp from one layout to another

3 REPLIES 3
Mike2500
Level 8

Re: Loading device specific layouts on PowerApp

Adapting to different screen sizes is currently not a strengh of power apps. There was some announcment a while ago that this feature is being added, but that hasn't happened yet.

manjotsingh057
Level: Powered On

Re: Loading device specific layouts on PowerApp

@Mike2500

Thanks Mike,

So if i am not wrong, the only way is to develop 2 apps. One targeted for Mobile device and other for Tablets/Desktops ?

Mike2500
Level 8

Re: Loading device specific layouts on PowerApp

Unfortunately, that is correct. Following is from the PowerApps coding standards white paper:

 

"When you make the same PowerApps app target both phone and tablet layouts, first create one version of the app, run it through testing, and finalize it. Then convert it to the other version before you modify the layout and screens. This approach helps guarantee that your expressions, controls, variables, data sources, and so on, all have the same names. Therefore, it’s much easier to support the apps and develop them".

 

Of course, this approach does not make it easy to maintain the app, as any changes will need to be done to both apps. The white paper also links to a blog for instructions on how to do the above:

How to convert a PowerApp from one layout to another