Modern PowerApps UI Design Tutorial: Card Gallery Design Ideas

Подписаться 10 тыс.

Просмотров 19 тыс.

50% 1

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 RU-vid or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!
For RU-vid 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:
RU-vid- / @toluvictor
Patreon- / toluvictor
#powerapps #powerplatform #copilot #sidemenu #crashcourse #canvasapps #ui/ux #uidesign #gallerydesign

Наука

Опубликовано:

19 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 48

@GabrielCagna 2 месяца назад

your videos are amazing man! thanks for the high quality content!

@toluvictor 2 месяца назад

😁🤝🏻

@mickyslim1000 2 месяца назад

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!

@toluvictor 2 месяца назад

😂😂😂 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.

@YoungbinLee22 2 месяца назад

I love your contents! Power Apps doesn't have to be ugly! 🥰🥰

@toluvictor 2 месяца назад

Yasssss!!! We need to spread the gospel 😂😂

@LegendScroller 2 месяца назад

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!

@toluvictor 2 месяца назад

Lol Thanks a lot

@colinoconnor4628 2 месяца назад

this is one of the best UI's i've seen in power apps. Great video

@toluvictor 2 месяца назад

Glad you like it!

@Franklinvaz 2 месяца назад

Man... You truly are a trendsetter and a great inspiration to me.. ❤❤❤

@toluvictor 2 месяца назад

Happy you find value in the videos. 🤝

@markmclean154 2 месяца назад

Excellent video Tolu... Great UI

@toluvictor 2 месяца назад

Thanks 😇

@rodrigochiesa4751 2 месяца назад

Excellent video!

@toluvictor 2 месяца назад

😊 Thanks

@Evolvingways 2 месяца назад

Breaking grounds Tolu🎉🎉 Thank you for this video

@toluvictor 2 месяца назад

You're welcome 😊

@twosatoshis2478 2 месяца назад

Legend

@toluvictor 2 месяца назад

😅 Thanks

@jakov3025 8 дней назад

Do you have anything on creating spinner while triggering a flow?

@BenLinfordUK 2 месяца назад

Another great job. 😎 When is Video #2 set to drop?

@toluvictor 2 месяца назад

If everything goes as planned, same time next week Tuesday🤌🏾😁

@qoryhanisagal 2 месяца назад

🎉🎉🎉🎉😊 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. 🤯🤯. RU-vid is making it complex to upgrade my membership..."Sorry, this content is unavailable for purchase"

@toluvictor 2 месяца назад

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 RU-vid is always messing up

@qoryhanisagal 2 месяца назад

I will try to VPN. I am in Europe, that may be the issue.

@mohamedbenwannes7740 2 месяца назад

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 😢

@toluvictor 2 месяца назад

Hi Check out the chapter on SVG management in this video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dNGlFA6yNvg.html

@BlackComments 2 месяца назад

Great content - subscribed One question- why are you using containers more often??

@toluvictor 2 месяца назад

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.

@cchaoat 24 дня назад

真的很棒，如果是作为一个给到客户查看账单的工具也很不错，有点类似powerbi但又有些不同，您能告诉我在这两种工具里面实现，有什么业务上的区别吗？

@localcomputerrepairs 2 месяца назад

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 😢😂.

@toluvictor 2 месяца назад

Yeah This can be used with any powerapps data source

@localcomputerrepairs Месяц назад

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

@modupeola4988 2 месяца назад

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?

@toluvictor 2 месяца назад

Please redownload the file from the link. It seems I uploaded the wrong file earlier. Thanks for pointing it out

@modupeola4988 2 месяца назад

@@toluvictor it works fine now Thanks!

@alejandrogonzalezcolin4475 2 месяца назад

Great video! What's the song of the intro?

@toluvictor 2 месяца назад

Intangible Ascension by Laura Platt

@theotherone0101 6 дней назад

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

@i3adllama46 2 дня назад

Just select environment variables settings - common data services.

@i3adllama46 2 дня назад

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.

@ronbakker1300 2 месяца назад

29:33 Cool trick

@toluvictor 2 месяца назад

👍🙂

@michh568 2 месяца назад

what was the purpose of overlaying the button on top of the container vs just using the button?

@toluvictor 2 месяца назад

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

@michh568 Месяц назад

@@toluvictor could you just overlay an image directly over a button then group it together for the same effect?

@toluvictor Месяц назад

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