Power Apps Screen Designs (UI/UX)

Power Apps Screen Designs (UI/UX) - Power Apps Tutorial

Рет қаралды 45,340

Күн бұрын

In this Power Apps Screen Designs (UI/UX) Tutorial video, we will explore design ideas for your PowerApps landing screen / home screen experience and more. Whether you're a beginner or advanced user of Power Apps this in-depth video is packed with valuable insights to take your user interface and user experience to the next level.
🚀 Here's what you can expect to learn:
Design your Power Apps landing/home screen experience.
Create a custom Power Apps navigation menu using Gallery and Images.
Styling Power Apps buttons.
Screen Headers with curved edges.
Rounded Images.
Designing Power Apps Galleries.
⬇️ Download sample Power App showcased in the video:
Exclusive for Channel Members (Silver 🥈 & Gold 🥇 Club)
Find the download link in the Community Tab for Members.
To become a member, click here: kzfaq.infojoin
Power Apps Gallery Design Ideas
• Power Apps Gallery Des...
Modern Power Apps Screen Designs
• Modernize your Power A...
• Customize Power Apps F...
#PowerApps #Gallery #Design #canvasapps
Table of Contents:
00:00 - Introduction to Power Apps Screen Designs (UI/UX)
00:38 - Demo of Power Apps Home Screen Design
02:16 - Build a Canvas Power App connected to a SharePoint List
03:57 - Build & design a Landing Screen experience for your Canvas Power App
09:05 - Build Navigation on Home Screen using Gallery and Images in Power Apps
19:30 - Change Power App Theme Color
20:49 - Design Power Apps Galleries & use Modern controls
21:43 - READY to subscribe to Reza Dorrani’s channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: / rezadorrani
🐦 Reza Dorrani Twitter: / rezadorrani

Пікірлер: 85

@dougydoe 10 ай бұрын

Simple, straight-forward, systematic and easy to follow tutorial. Always picking up tips to enhance my designs and for future projects. I have to say that the Modern Controls really do take the designs to another level... makes them look cleaner and really nice. Thanks for sharing again.

@RezaDorrani 10 ай бұрын

Thanks so much. So happy to hear the video is simple and easy to understand. Modern controls are awesome

@hamytube 10 ай бұрын

Thank you 🙏, @Reza, for providing this video. Your videos are incredibly valuable and greatly appreciated. Thumbs up! 👍

@RezaDorrani 10 ай бұрын

Glad you like them! Thanks so much for watching

@phungdao9846 10 ай бұрын

Thank you! always looking forward to your new videos!

@RezaDorrani 10 ай бұрын

More to come!

@mattheodaddetta 10 ай бұрын

Fantastic! Thank you Reza!

@RezaDorrani 10 ай бұрын

Most welcome

@oluwatobipaul6171 10 ай бұрын

Thank you Reza. I will definitley recommend this to my colleagues.

@RezaDorrani 10 ай бұрын

Awesome 👏

@ritikawasthi2170 10 ай бұрын

Thank you Reza.

@RezaDorrani 10 ай бұрын

Welcome

@markmclean154 10 ай бұрын

Another great video... UI is my most challenging aspect in power apps

@RezaDorrani 10 ай бұрын

Glad it was helpful!

@keithmaly904 10 ай бұрын

Superb. Miles better than what's on LinkedIn learning!

@RezaDorrani 10 ай бұрын

Wow, thanks!

@brightshital 10 ай бұрын

Very useful. I just started development, and it's super useful to me.

@RezaDorrani 10 ай бұрын

Glad it was helpful!

@JohnHall 10 ай бұрын

This is well-done Reza. It's getting the basics for people on how to get started, showing a strong UI that feels compelling, showing creators some of the basics of how to adjust layouts and improve the user-experience in some of the soft-touch methods. I still despise throwing end-users to the default FORM experience within PowerApps, but I think this is a good place to send people who are prepared to build their "second app" when they are ready to really dig into the experience of designing vs. developing.

@RezaDorrani 10 ай бұрын

Most welcome! Basics are key. I find forms a lot easier for folks who are getting started with power apps.

@JohnHall 10 ай бұрын

@@RezaDorrani well..."easier" for developers who are getting started. Still very spartan and limited for end-users. But it is also how I let designers/developers start. Basics first, then get to the limits of that methodology and how to grow beyond it.

@rachitsinha5285 10 ай бұрын

great one Reza. wish you to reach 100K very very soon..

@RezaDorrani 10 ай бұрын

Thank you so much 😊

@erandirajasundara2801 10 ай бұрын

Very helpful all of your vedio series....🙏

@RezaDorrani 10 ай бұрын

Glad to hear that

@freshrain777 6 ай бұрын

Thank you for your response.

@RezaDorrani 6 ай бұрын

👍

@RulasRod 10 ай бұрын

Excelent video

@RezaDorrani 10 ай бұрын

Thank You

@arunv1909 10 ай бұрын

Beard looks cool , how are you Reza and thanks for the awesome video

@RezaDorrani 10 ай бұрын

Im doing good thanks. Beard was temporary 😊

@AshutoshDubeyCivil 10 ай бұрын

Hi Reza, Nice video to add to all of your existing ones, Superb --- Can we import / link charts from excel in PowerApps? Anything you can share on charts from SharePoint data? Dashboard integration? I hope you get the point, maybe future videos .. 😜😜

@RezaDorrani 10 ай бұрын

Thanks. Importing charts from excel to Power Apps - No option for this. Charts in power apps are limited and will run into delegation issues. Power BI will be your best bet.

@kalpeshpatil9 10 ай бұрын

Thanks Reza as always 😊 Can I suggest topic? Governance and security implementation in power platform

@RezaDorrani 10 ай бұрын

Yes you surely can :) Governance and admin - how many folks have admin access? Very few. How many folks have access to build apps? Many Hence the videos are more focused on makers. I do plan to cover admin and governance via my training videos. Live training is ongoing for channel members (🥇 members)

@garimatewari2212 10 ай бұрын

I like it, simple yet pretty😊. Where do you get the ideas for your videos. Really appreciate all your efforts. Is there any lookbook for powerapp designs just like sharepoint lookbook?

@RezaDorrani 10 ай бұрын

Thank you so much! Ideas for videos is easy - I simply communicate with my subscribers in comments :) I don’t think there is a look book for Apps but hey it’s an awesome idea

@freshrain777 6 ай бұрын

Excellent video. Can you recommend any text books on power apps and power automate?

@RezaDorrani 6 ай бұрын

Thanks! I dont keep track of books related to power platform.

@user-xh2cn5qk8c 10 ай бұрын

Very nice. How did you get the more advanced emoji's? They look better than the existing ones.

@RezaDorrani 10 ай бұрын

I am on windows 11. I believe it has the newer emojis

@terrymaster541 9 ай бұрын

Your dedication to teach us make me feel guilty for not being a member. Thank you Sir. In other news. Have you created a video to teach about working with multiple galleries in one screen and sync them? One gallery to reflect statuses of the requests users may choose from and the other gallery will sync details?

@RezaDorrani 9 ай бұрын

You are most welcome! Please don't feel guilty. Your comment on this video is motivation for me to keep going. Membership is optional. Multiple galleries - I do not have any video references on it.

@terrymaster541 9 ай бұрын

@@RezaDorrani thank you sir. Have a good one.

@dominikweberdomka1345 10 ай бұрын

Very nice video! I have a question about the connection between SharePoint and PowerApps. In PowerApps, can I have many SharePoint lists (like in a catalog) to choose from and when I click on a SharePoint list, I see all the information of the selected SharePoint list? Each SharePoint list has a column "Number", "Item" and "Quantity". To visualize it better: There are several employees who all have their own SharePoint list. Now when I selected the respective SharePoint list of the SharePoint in PowerApps, then I see the SharePoint list of the employee.

@RezaDorrani 10 ай бұрын

You would have to connect to each SharePoint list. Dynamic loading of list data is also a possibility but can get complex as you would need to call apis or flow to get the details. I do not have a specific video reference on this scenario

@weeliangk 4 ай бұрын

Hi, i am wondering if there is any way to include if else condition at the gallery "Screen" section? Where instead of navigating to the page directly, i can input some condition? e.g. if is not admin then pop up message "Try Again".

@RezaDorrani 4 ай бұрын

Better is to hide that option is user is not the admin. You can load data from collection in gallery and populate that collection based on user role.

@angelo3108 10 ай бұрын

Thanks for this video... What about a model driven app.. Is this possible?

@RezaDorrani 10 ай бұрын

This video is specific to canvas. For model driven apps we can build custom pages

@Gilgameshx 10 ай бұрын

Hi Reza, first at all conngratulations on your amazing way of teaching us and bring these new features of power apps, I have a lil questions for you. Is there a way to grant edit permissions on dataverse record in power automate flow? also does dataverse has something similar as SharrepointIntegration.Selected on Edit and View forms? is because I'm trying to build an approval system using dataverse tables & power automate flow, but I have to send the edit (for creator user to edit the data on that single record only and once is approved cannot edit it) & view form (for approvers to check the data)

@RezaDorrani 10 ай бұрын

You could assign user security roles in flow (I do not have a video on this) Not like SharePoint but you could easily use deep linking in canvas apps (I do have a video on deep linking)

@Gilgameshx 10 ай бұрын

Thanks sensei 🙏

@codeaffection10 5 ай бұрын

but, how tom get the UI in full scrreen mode. is it something like a mobile screen width only popped up ? how to get this available in laptop/desktop monitor screen ?

@RezaDorrani 5 ай бұрын

Check my playlist on responsive design

@user-tl5gh6pc1y 8 ай бұрын

Hi Raza, I have to create a skill matrix in Power apps. Would like some suggestions from you.

@RezaDorrani 8 ай бұрын

I do not have any video references on it nor have I tried it so not sure.

@andrewgaskell105 7 ай бұрын

I really like your Home Screen design, but I would like to make it responsive. I put the button, label for the user profile and the banner image inside containers and fixed the height but made the widths dynamic using parent.width for the container. This works and looks good. My problem is that I cannot figure out how to make the gallery responsive. I can make its X coord match that of the other controls but the height and width are not responsive and can be cut off if you resize too small. I would appreciate any input on how to resolve this. Thank-you for all the hard work.

@RezaDorrani 7 ай бұрын

Most welcome! I have done multiple videos on responsive design. They are all placed in a playlist on my channel.

@andrewgaskell105 7 ай бұрын

Hi Reza. For the benefit of anyone else out there trying to do the same thing, I took your advice and found another video of yours where you use a vertical gallery and make it responsive. I combined that with this video to make a responsive landing screen using a vertical gallery. Its very easy to miss something and get an inferior product, but your video solved it for me. Thanks! Here is the video I used: kzfaq.info/get/bejne/Z9Vif5N1pqree4U.htmlsi=xG-LU5KJVrQ4jwW3

@vamshitulasi7721 8 ай бұрын

Shall we add urls for the buttons to another new page whenever user clicks this for this events instead of redirect to another screen

@RezaDorrani 8 ай бұрын

New page? In power apps we navigate to screens

@user-dj5ss3ls8p 10 ай бұрын

Thaks for your knowledge, anyway do you have any previous video talking about Sent HTTP? I try to read official doc but it get me very confused lol. Now I can create with something like this : _api/web/lists/getbytitle('Tester_product')/items. And I can query with _api/web/lists/getbytitle('Tester_product')/items?$select=ID,Title,checker &$top=5000, but I still dont know how to update things. I am studying about it. Thanks again!

@RezaDorrani 10 ай бұрын

I do not have a video reference on this and would have to try it out to provide guidance. I recommend checking or posting your query on forums in case someone has done something similar powerusers.microsoft.com

@mariotembo7067 9 ай бұрын

Hi Reza, would you please upload the part 2.

@RezaDorrani 9 ай бұрын

What is part 2 and what would it cover?

@dipakmahalley1580 10 ай бұрын

Please share video link for how to deploy power apps and power automate flow on server

@RezaDorrani 10 ай бұрын

Which server?

@majapamajapa9548 10 ай бұрын

Hi Rezzo, I have a great confusion on converting data into transpose and update to SharePoint list.... Like I have rawdata in CSV which has columns of Name, Subject1, Subject 2, Subject3. and I need to update in SharePoint list which has 3 columns Name, Student and Marks...now I want to update the CSV data by getting each rows of student marks and thier subject in a column so transposed......is there any ways we can make it ... I have been trying this for so long but no idea I am getting.

@RezaDorrani 10 ай бұрын

I do not have a video reference on transpose scenario and would have to try it out to provide guidance. I recommend checking on the forums at powerusers.microsoft.com/ in case someone has done something similar.

@majapamajapa9548 10 ай бұрын

@@RezaDorrani Yeah but the case is there can columns header added or deleted in future so in would make more dynamic ...I can share the flow of what I have done ...where can i

@RezaDorrani 10 ай бұрын

@@majapamajapa9548 I have no plans to work on this topic as a video idea. Best place to post your scenario is the forums.

@majapamajapa9548 10 ай бұрын

@@RezaDorrani Ok.