web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / DESIGNING IN POWERAPPS...
Power Apps
Answered

DESIGNING IN POWERAPPS REVIEW AND SOLUTION

(0) ShareShare
ReportReport
Posted on by 1,532

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 ??? 

 

Categories:
I have the same question (0)
  • v-micsh-msft Profile Picture
    on at

    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

  • Sienna Profile Picture
    1,532 on at

    Hi @v-micsh-msft

    Thanks for your reply and your opinion..

     

    Spoiler (Highlight to read)
    Besides, enable Customization part to be available for other controls to use directly, something similar to CSS style in HTML designing
    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 (Highlight to read)
    From my personal view, I would suggest the Advanced Panel to be categorized into 3 or 4 Main parts.
    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 (Highlight to read)
    New ideas are welcomed here:
    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

  • Verified answer
    Sienna Profile Picture
    1,532 on at

    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.

     

  • Community Power Platform Member Profile Picture
    on at

    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 711 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 319 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard