cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 
opax

Responsive Design

Submitted by Advocate IV on ‎07-25-2016 10:38 PM

Hi,

 

I've been enjoying PowerApps a lot. I come with a background of custom applications, SharePoint customizations, as well as some InfoPath Forms. The general trend for years has been in responsive design. This means that you design your applications to work with variety of different devices, instead of targeting to a single device type. InfoPath has never has this, it has been awful at different devices. So with PowerApps I assumed that Responsive Design is the natural course, and I was wrong.

 

Althought PowerApps is build Mobile First (and Cloud First), it is not taking Responsive Design as its design principleas I assumed. I would like to build Apps that work on any device with ease, but with current PowerApps design I'm stick with X, Y, Width, Height attributes of all the controls on the application. As far as I know, there is nothing responsive in PowerApps, and I'm deeply worried how will this affect the usability of the applications.

 

The responsive design would be possible to achieve in PowerApps relatively easily. Instead of string X, Y, Width, Height attributes, you just drop your controls into HTML flow. As an example, look this: https://mva.microsoft.com/en-us/training-courses/building-responsive-ui-with-bootstrap-8378?l=BDfMAH...

 

Anyway, I do hope that PowerApps would add Responsive Design as alternative to current fixed designs availabe.

 

Cheers,

 

Olli

Status: Started

We are excited to announce that we have started work on introducing responsive capabilities. The first piece will introduce the ability to reference the app display width and height (when it is playing) which would allow advanced makers to write expressions to create relative control sizing to achieve responsiveness. However, that is only a first step. We are evaluating different layout methods and will continue to provide updates as we make progress. 

 

Thanks for all your input. Please continue commenting with any requirements or suggestions. This is an exciting journey that we are beginning! 🙂 

See more ideas labeled with:
36 Comments (36 New)
Comments
Barb
New Member
‎07-26-2016 06:37 AM

This was one of the big complaints about the predecessor to PA, Project Siena. We all begged for a responsive design and never got an answer. Project Siena was based on "AppMagic" (http://www.zdnet.com/article/microsofts-project-siena-a-metro-style-app-for-creating-windows-8-apps/ ) and the source code showed lots of references to this. Given that they designed the whole PA environment around selecting a form factor, I think it is unlikely that this will change.

 

The team behind PS/PA has changed two or three times, so the newest folks started from ground zero.

 

I think it is crazy to have to design multiple times, but all the graphical functions are based around fixed sizes so that would seem to mean a full redesign of the app would be required. When Project Siena went silent for nearly a year, some of us were hoping that THAT was what was being done and we were discouraged, to say the least, that not only was that not done but that the functionality had changed to make it impossible to create Windows Store apps/tweak the source code in Visual Studio.

 

Anyway TL;DR = I don't think this will ever happen.

 

 

opax
Advocate IV
Advocate IV
‎07-27-2016 03:57 AM

Thanks for the information Barb. Let's hope you are wrong. 🙂

JamesMilne
Frequent Visitor
‎08-01-2016 11:12 AM

If we cant get responeive design then we need some way of detecting the orientation of the device.. if we are in landscape or portorate orientation/mode..

Eyerise
Advocate I
Advocate I
‎10-31-2016 11:01 AM

Completely agree... the phrase is mobile first, not mobile only. If PowerApps is to become the replacement for InfoPath when building with SharePoint then it is going to need to be responsive.

Audrie-MSFT
Power Automate
Power Automate
‎03-13-2017 06:42 AM
Status changed to: Planned

Responsive design is planned, although I do not have an estimated release date yet. I will keep you posted as this approaches.

 

Thank you for your continued feedback and support,

Audrie

SimonP
Advocate I
Advocate I
‎10-31-2017 09:14 AM

This is an absolute must for us. Not practical to. Design the same app with multiple UI's

Anonymous
Not applicable
‎11-14-2017 05:02 AM

Audrie, Do you have an estimated date for Responsive Design in PowerApps? This is a must have and I belive will be a deal-breaker for lots of us.

jusper
Advocate II
Advocate II
‎12-19-2017 08:28 AM

Hi!

 

If you're looking for responsive forms, take a look at Plumsail Forms. It allows you to design fully-responsive forms and if necessary, with unique layouts for different devices. 

 

Plumsail Forms is built on the famous Bootstrap 4 framework that provides responsive grids and fancy controls.

listbd
New Member
‎03-21-2018 11:25 AM

Doh! I was just starting to play with PowerApps, but it is not worth learning without responsive design. If I knew a real target date for this then that would help.

mgie
Frequent Visitor
‎04-21-2018 11:51 PM

@Audrie-MSFT - any news? this is really a show stopper in my organization Smiley Frustrated