cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Sienna Memorable Member
Memorable Member

DESIGNING IN POWERAPPS REVIEW AND SOLUTION

I’m just about to finish my next app and due to the ratio of the time spent on it

15% coding

5% looking for workaround of PA limitation and

80% visualization

I have decided to give review here with a solutions which I think would make a significant difference with designing apps in PA. Please fix me if I’m wrong in any point I’ll make here

              First of all the time ratio is based on designing apps without using built-in templates or customizing them to our needs. I don’t think to make 100 000 built-in templates to satisfy each user and their apps is the best workaround to this issue and I think it would make just things even worst.

Built-in_Template.png

So I was trying to make my own templates based on new abilities in PA.

 

Create one visual and use the property in other visuals

I have made an item (let’s say a button) and adjust it properties as

Fill Color, Disabled Fill Color, Radiuses (lefttop, leftbottom ,righttop, rightbottom), Border color, disabled border color, border size, focused border size, pressed border color, color, pressed color, hover color

and I tried to link them to my other buttons. So I went to advanced property of each button and went through each property by searching “fill” and typed in Fill - Button1.Fill, and so on until I filled each property I wanted to customize. In this example all 14 of them. To reduce time filling all these property one by one I have tried to copy and paste second button with already filled properties and use it. Problem with that is that it also copied other property which I didn’t want to use like OnSelect, DisplayMode and so on which means I ended up to go through the advance property anyway, delete them and change them to whatever I needed. To fixed that I have even made a “dead” screen where I put all items with only prefilled properties I needed but after few items it just become overcrowded and hard to orientate in them. So at the end I was just inserting the item property one by one from the first item mentioned above which takes some times to go through each one where I was losing a lot of time… Another disadvantage of it is that after a time I simply forgot which property I wanted to link and which property is actually customized and which item is the main one and so on. In another words pain in the “back”

 

Create static database with all property in it

I have even tried that but gave up on it very quickly. Changing something there or orientate in it was even more time consuming then going through each property one by one

 

SOLUTION

Solution is I think very simple and already used in every programming interface from visual studio to Xcode.

  1. Create a full screen and split screen programming mode for Action coding and Design coding. In the programing mode see only property which are customized from selected pre-build templates
  2. Get rid of the Advance panel which is already overcrowded and totally useless without searching for the property anyway. The programming mode would make ability to access more items properties without overcrowding anything by using IntelliSearch when typing
  3. Ability to create our own templates for items and for one property (like color) only and link it easily with an item in the programming mode

Before

before.png

 

After

solution.png

 

Insn't this better the the overcrowded advance panel ??? 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Sienna Memorable Member
Memorable Member

Re: DESIGNING IN POWERAPPS REVIEW AND SOLUTION

Due to high inefficiency of panel mode (see above) I have decided for last time to recreate all my apps this weekend. I have only chosen a native template and kept all visuals properties unchanged. I'm gonna present the powerapps the way it is currently efficient to work. The idea page failed. We don't know if the idea is going to be implemented or not. Therefore I don't know if "CSS" style will even be implemented into PA. So I asked my self:

 

Do I want to take my work home and use my free time to do this ...  NO

 

Apps looks terrible, user-unfriendly... don't care.

 

View solution in original post

4 REPLIES 4
Community Support
Community Support

Re: DESIGNING IN POWERAPPS REVIEW AND SOLUTION

Thanks for sharing your experiences.

 

I agree with that the Advanced Panel is a little 'crowded'.

From my personal view, I would suggest the Advanced Panel to be categorized into 3 or 4 Main parts.

Like Data association, Customization, and App interaction.

Which should be possible to have the Panel look more user friendly.

 

Besides, enable Customization part to be available for other controls to use directly, something similar to CSS style in HTML designing.

 

PowerApps is under its evolution, and I believe it will become a powerful service for App creators.

 

New ideas are welcomed here:

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

 

Regards,

Michael

Community Support Team _ Michael Shao
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Highlighted
Sienna Memorable Member
Memorable Member

Re: DESIGNING IN POWERAPPS REVIEW AND SOLUTION

Hi @v-micsh-msft

Thanks for your reply and your opinion..

 

Spoiler
Besides, enable Customization part to be available for other controls to use directly, something similar to CSS style in HTML designing

Yes exactly.. just like CSS style. I assume you as experienced programmer understand reason why I'm suggesting this

 

Spoiler
From my personal view, I would suggest the Advanced Panel to be categorized into 3 or 4 Main parts.

Yes maybe that would help the UI. However it also might make  things even worst for some task without, let's call it "CSS style". Lets try it on a example. Lets say we have a submit button which we want to redesign by changing 10 properties. Now we have another submit button on another screen which we want to redesign same as the first one.

Panel style: First we have to find out which property are changed then looked for them one by one and copy and paste each one to another one by one   >>> TIME: 3minutes <<<

CSS style: Copy all properties from one button (because we have listed only customized properties) and paste them to another button  >>> TIME: 30second <<<

Now lets say we have 10 submit buttons we want to change exactly same way

Panel style: >>> TIME: 30minutes <<<

CSS style:    >>> TIME: 5minutes <<<

 

I'm not going any further with other items. I hope you can see the point I'm trying to say here. And this is how I spent 6.5 hours redesigning simple app just last weekend... obviously with Panel style

 

Spoiler
New ideas are welcomed here:

Yes the idea is already there lost in another 1000ish ideas. I put it there like 3 weeks ago. I have also suggested that in Project Sienna like 2.5 years ago. I would post a link here but it looks like all posts for project sienna had been removed from Microsoft technet forum web site

Sienna Memorable Member
Memorable Member

Re: DESIGNING IN POWERAPPS REVIEW AND SOLUTION

Due to high inefficiency of panel mode (see above) I have decided for last time to recreate all my apps this weekend. I have only chosen a native template and kept all visuals properties unchanged. I'm gonna present the powerapps the way it is currently efficient to work. The idea page failed. We don't know if the idea is going to be implemented or not. Therefore I don't know if "CSS" style will even be implemented into PA. So I asked my self:

 

Do I want to take my work home and use my free time to do this ...  NO

 

Apps looks terrible, user-unfriendly... don't care.

 

View solution in original post

cynthiatimothy
New Member

Re: DESIGNING IN POWERAPPS REVIEW AND SOLUTION

I'll must share my review about this platform regarding designing because mostly fresh employee people or students are always trying to reach out some smart way of working such as i've approach Professional Designers In UAE  they're working from U.A.E to all around the world and there team such an real co-operative & do our work according to our given suggestions.

Helpful resources

Announcements
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

‘Better Together’ T-Shirt Contest – Winner Announced!

‘Better Together’ T-Shirt Contest – Winner Announced!

And the winner is...

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

Power Platform 2020 release wave 1 plan

Power Platform 2020 release wave 1 plan

Features releasing from April 2020 through September 2020

Top Solution Authors
Top Kudoed Authors
Users online (6,289)