Modern PowerApps UI Design Tutorial: Card Gallery Design Ideas
ฝัง
- เผยแพร่เมื่อ 31 ก.ค. 2024
- This is part 1 of my Modern PowerApps Design Walkthrough. This video covers a custom navigation component, custom buttons, a custom search bar and a cool Card Gallery design.
Follow me on LinkedIn: / victorsanwoolu
Video ID: #PP_0013
Table of Contents:
00:00 Intro
00:38 Database and App Intro
01:48 App Initialization
03:11 App Layout
06:58 Side Menu Component
13:33 Header
26:35 Card Gallery
📥 App and Dataset Download for Members (on TH-cam or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!
For TH-cam Members: Check the membership tab on the channel page for the download links.
For Patreon Members: Download links will be available on the Patreon Page
🎁Not a member yet. Join the Tolu Victor Community:
TH-cam- / @toluvictor
Patreon- / toluvictor
#powerapps #powerplatform #copilot #sidemenu #crashcourse #canvasapps #ui/ux #uidesign #gallerydesign - วิทยาศาสตร์และเทคโนโลยี
your videos are amazing man! thanks for the high quality content!
😁🤝🏻
I love your contents! Power Apps doesn't have to be ugly! 🥰🥰
Yasssss!!! We need to spread the gospel 😂😂
Awesome as always! looking forward to part 2. You are creating more work for me as all I want to do is go and redesign all the apps I have inherited!
😂😂😂 it is like that for me too. Im doing some updates to a client app I worked on about 2-3 years and I'm seriously fighting the urge to redo the whole UI.
Soooooo glad I found your channel. Wow! Thank you 😀
Welcome to the club. I've been waiting for you 😋
Excellent video Tolu... Great UI
Thanks 😇
this is one of the best UI's i've seen in power apps. Great video
Glad you like it!
Awesome Tolu! this vide is a jewell
I'm glad you like it
Great content. Just wanted to say you're almost convincing me to start using powerapps. First time I'm seeing outputs that look modern. A few more videos like this and I'm in!
Lol
Thanks a lot
Man... You truly are a trendsetter and a great inspiration to me.. ❤❤❤
Happy you find value in the videos. 🤝
Great video - excellent tutorial and explanation!
Glad you enjoyed it!
Bro your designs are awesome!!!
Thank you so much 😊
Excellent video!
😊 Thanks
Breaking grounds Tolu🎉🎉
Thank you for this video
You're welcome 😊
Legend
😅 Thanks
Another great job. 😎
When is Video #2 set to drop?
If everything goes as planned, same time next week Tuesday🤌🏾😁
🎉🎉🎉🎉😊 Great video!! Haven't finished watching So excited to go through the entire video. Love it! It’s like you are in my head I was just trying to figure this out. 🤯🤯. TH-cam is making it complex to upgrade my membership..."Sorry, this content is unavailable for purchase"
Thanks 😁.
As for the upgrade issue. I'm not sure what might cause that. Someone also messaged me last month with this same issue, and he said he used a VPN to resolve it.
If it becomes a regular occurrence, I might just open a Patreon account to give viewers options if TH-cam is always messing up
I will try to VPN. I am in Europe, that may be the issue.
I don’t understand how to link the data to the card
Awesome Work! Great Job man, I have a little problem I can't change the color of any svg icon, i don't know why 😢
Hi
Check out the chapter on SVG management in this video
th-cam.com/video/dNGlFA6yNvg/w-d-xo.html
Great content - subscribed
One question- why are you using containers more often??
While I probably have an unhealthy obsession with containers 😅😅, they really help out in layout. You can do without them but you'll have to do more work to get some of these layouts.
真的很棒，如果是作为一个给到客户查看账单的工具也很不错，有点类似powerbi但又有些不同，您能告诉我在这两种工具里面实现，有什么业务上的区别吗？
PowerBI 主要用于根据数据向用户显示报表。如果用户需要通过添加、删除或修改来与数据进行交互，则使用 PowerApps
Great video! What's the song of the intro?
Intangible Ascension by Laura Platt
Hi Tolu
Great video as always
I tried importing the 'canvas app only' as made available in the community download and it only shows the app template and none of the components
just a blank template with the containers
any ideas why?
Please redownload the file from the link. It seems I uploaded the wrong file earlier. Thanks for pointing it out
@@toluvictor it works fine now
Thanks!
Do you have anything on creating spinner while triggering a flow?
No I dont. But to do it, I generally just download a loading spinner from the internet (I mostly use loading.io). The download should be GIF or animated SVG. Then you simply display on your app however you want it with an image control
Subscribed! I have a use case for this to replace an old quoting system. Love the UI! I was able to get the data out of this ancient DB into excel. Is it possible to use this solution with sharepoint rather than Dataverse? I have roughly 10 users that still use this old DB daily 😢😂.
Yeah
This can be used with any powerapps data source
@@toluvictorone last question, In the first few minutes you display the car data as seen you utilized “tables” as your dataset. Is that part of PowerApps by default or is that considered “Dataverse”? If yes (as expected), is there a downloadable canvas app that I can move to sharepoint rather than DV?
29:33 Cool trick
👍🙂
Hey, could you make a video showing how to set up the environment? I feel like i set up somtheing incorrectly, cause even when copying exactly what you do, i get syntax errors when trying to create the named formulas like that
Just select environment variables settings - common data services.
Just select environment variables in your overview section on power apps. Then add new, and choose common data services. It's what you use for standard license.
Hi For Named Formulas, also make that you get the syntax right and then make sure you are not setting the variable in any other other place on the app
what was the purpose of overlaying the button on top of the container vs just using the button?
The default button control doesn't have functionality for icon, hence we have to use this workaround.
Microsoft has however hinted at adding a modern button control that will do this
@@toluvictor could you just overlay an image directly over a button then group it together for the same effect?
Hi. That won't be the best approach as the button and icon would have different hover triggers. i.e. on hover of the icon the button won't have any hover.
So this approach would only work if you want to button to have the same fill and color on default setting and onhover
i am channel member but not 100% sure how to download the component. can you please advice?
Hi. Thanks for the support.
Please check the membership tab on my TH-cam Page. There is a post for each video. So, look for the particular one you want, expand the post and there will be a google drive link to a folder that contains the files
@@toluvictor thank you. i was able to download the zip files. i am sorry but this is my first time using this. how do i open this for my power app?