Design Modern Filter UI in Power Apps | How to Search, Filter & Sort!

Design Modern Filter UI in Power Apps | How to Search, Filter & Sort!

Reza Dorrani

54 года назад

18,851 Просмотров

In this video, you'll learn how to build Modern Power Apps UI design for filtering, searching, and sorting data in Power Apps Galleries. Follow me in this step-by-step PowerApps tutorial that covers dynamic filtering with multi-select checkboxes to sorting data based on selected criteria to searching for data in columns—all using modern UI controls in Power Apps.

#PowerApps #Microsoft #PowerPlatform #ui

Power Apps Modern Design playlist (Modern Gallery UI)
https://www.youtube.com/playlist?list=PLTyFh-qDKAiECOgq1Fu-bK7uU67ZVknfu

⬇️ Download Modern Filter UI App shown in video
➡️ The link is in Community Tab for Channel Members (Gold 🥇 OR Silver 🥈)
To become a member, click here: https://www.youtube.com/rezadorrani/join

Table of Contents:
00:00 - Intro to designing Modern filter UI in Power Apps
00:27 - Design Modern Filters for Power Apps Gallery
02:47 - Build Modern Screen in Power Apps
05:14 - Add Filter to Search for Keyword in PowerApps Gallery
09:08 - Filter Gallery by Multi Select Checkboxes
17:23 - Sort Gallery

Тэги:

#power_apps #reza_dorrani #powerapps_tutorial #learn_powerapps #powerapps_filter_gallery #how_to #microsoft_power_apps #powerapps #design_ideas #power_apps_modern_controls #power_apps_modern_ui #power_apps_modern_design #power_apps_modern #power_apps_modern_gallery #power_apps_modern_ui_design #modern #modern_controls #gallery_design #modern_gallery #modern_filters #power_app_design_tutorial #power_apps_ui_design #power_apps_ui_design_examples #ui_design #app_design
Ссылки и html тэги не поддерживаются


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

@rpaconsultant-ericparijs
@rpaconsultant-ericparijs - 10.10.2024 11:14

Thank you Reza, great video showing in-depth filter application any app should have

Ответить
@Leabelias9829
@Leabelias9829 - 10.10.2024 19:50

Thank you Reza! Amazing video as always. Any reason you used filter and in operator for search rather than using the search function directly? Any shortcomings of using search directly in dataverse?

Ответить
@oluwatobiyusuf
@oluwatobiyusuf - 10.10.2024 21:24

Thank you Reza

Ответить
@rpaconsultant-ericparijs
@rpaconsultant-ericparijs - 11.10.2024 17:55

Hi Reza, the filter container takes up quite a bit of screen space. Would it be easy to implement a filter button, which would show/omit that container?

Ответить
@jaypeehernandez4029
@jaypeehernandez4029 - 14.10.2024 15:49

I see your video, I clicked. Really informative!

Ответить
@toluvictor
@toluvictor - 14.10.2024 15:50

Loved the Video Reza. An awesome mix of UI and functionality

Ответить
@MrKhulaid
@MrKhulaid - 14.10.2024 16:09

Nice video and haircut both looking clean..

Ответить
@bartwy5676
@bartwy5676 - 14.10.2024 16:18

That look nice, but Modern UI is so "beta" that after spending majority of time on troubleshooting, Classic controls are definitelly more reliable.

Ответить
@venusv4698
@venusv4698 - 14.10.2024 16:34

May I know if it is suitable for large set of data? Will it cause performance issue?

Ответить
@andalamalasarathbabu2184
@andalamalasarathbabu2184 - 14.10.2024 17:47

Thanks sir from India.

Ответить
@TheKermit2110
@TheKermit2110 - 14.10.2024 18:35

brilliant - if only my company let me use Dataverse to allow operators and functions that are non-delegable in SPO 😞

Ответить
@POMI_Singing_Guru
@POMI_Singing_Guru - 14.10.2024 21:01

Its great, thanks for supporting to us for latest version of MS Power APps

Ответить
@g.a.3530
@g.a.3530 - 14.10.2024 22:48

very useful tips thanks

Ответить
@paolovr1970
@paolovr1970 - 14.10.2024 23:23

Thanks Renza 🙏🙏🙏

Ответить
@srider33
@srider33 - 15.10.2024 05:25

I’m already fired up, and your intro hasn’t finished!

Ответить
@jeremys1977
@jeremys1977 - 15.10.2024 06:01

Great video however I think the sort function could be handled better. I would create a variable thats set on the sort dropdown update. Then use that variable in your gallery items.

This way you can later add in more ways to sort just by modifying the sort dropdown update, which will then avoid you having to repeat code on your gallery.

Awesome video as always.

Ответить
@mtamitolanga
@mtamitolanga - 15.10.2024 07:57

Thank you Reza...

Ответить
@spen2431
@spen2431 - 15.10.2024 19:06

A few more nuggets in there.... thanks as always 💥💥👍👍

Ответить
@DiveSafariNZ
@DiveSafariNZ - 16.10.2024 06:43

Oh the luxury of being able to the "in" function without delegation issues. I guess that's because it's Dataverse.

Ответить
@shwetaswami8462
@shwetaswami8462 - 16.10.2024 09:15

Hi Reza,When you are using ‘in’ in filter,it should throw you delegation warning isn’t it?

Ответить
@mohammedmerchant5628
@mohammedmerchant5628 - 16.10.2024 15:50

This is very helpful Reza. I'll be using these techniques + the other Flow technique to export to excel using Graph API in seconds in my use case for device collection at 18 secondary schools where previously users created 18 workbooks each having at least 5 worksheets or more, in the end someone had to reconcile 100+ worksheets. All of that is now gone with canvas apps and all the tips & tricks you share. Thank you.

Ответить
@Saif_Ali_Khan_1301
@Saif_Ali_Khan_1301 - 16.10.2024 20:15

Nice video Reza, I would love to understand if you don't use gallery with check box, instead use modern combobox, how do you uncheck the checked item, how do we select blank value in modern combobox or

If we put collect formula on on-change or on select value in collection I can do it, but with without collection how do I reset and allow empty selection

Ответить
@yuvpav210
@yuvpav210 - 17.10.2024 14:48

Hi Reza, could you please do a video how to create a docset in a folder that exists in SharePoint document library using power automate , please 😢

Ответить
@mananmishra5594
@mananmishra5594 - 17.10.2024 19:15

Designing a modern filter UI looks really awesome, like a professional design. Watching your video helps me learn new things. Could you please make a video on Gantt charts for project purposes?

Ответить
@kailassalve9540
@kailassalve9540 - 19.10.2024 22:03

Thanks Reza for wonderful tips

Ответить
@danielarodrigues9144
@danielarodrigues9144 - 20.10.2024 23:29

thank you Reza, great video

Ответить
@JonEricE-n1k
@JonEricE-n1k - 21.10.2024 22:44

Awesome work! I was able to recreate this in my own app. I'm always blown away by your content and I can't wait to see what else you come up with.

Ответить
@javiergamella7646
@javiergamella7646 - 22.10.2024 17:39

Hi Reza, Nice video, it is really usefull. Thanks. I try to reproduce this example and when I am aplying the filter 'And 'with the project collection, it does not show any item, If any check is checked the collectin is empty so the gallery does not show item. Can you help with that!. BS

Ответить
@markmclean154
@markmclean154 - 24.10.2024 20:23

thanks Reza for another great video.

Ответить
@abhaymcsd1234
@abhaymcsd1234 - 25.10.2024 15:56

Hey, this is very helpful, but what if the data is large, the IN operator won't work, right?

Ответить
@stephendarier1390
@stephendarier1390 - 27.10.2024 19:21

Hi Reza
Thank you for a great video, I see when I build the same, I get a delegation warning on the (in) function of the filter for the gallery, but in your video you do not. Is there something you did so you don't get the warning?

Ответить
@TheMKTube
@TheMKTube - 04.11.2024 19:15

Hi Reza! I recall watching one your videos where you deconstructed the Attachments control in a way the Attach button, and the files attached still worked outside of the Attachment control itself. The video was about something else, but your clever solution was required to achieve the desired end-state in that video. Would you happen to know which video it was? It will really help! Thanks in advance!

Ответить
@RyanSmith-mh1lj
@RyanSmith-mh1lj - 06.11.2024 00:33

Hi Reza, great video, one question, will this method work with Document library? If you like to search/checkboxes, will this still work? Thanks

Ответить
@sissokom.prodev9979
@sissokom.prodev9979 - 22.11.2024 12:57

Hi Reza ! how can send my task for support ? can we get your email

Ответить
@JarosławGabruk
@JarosławGabruk - 23.11.2024 04:08

@RezaDorrani is there video with adding more sort columns to your code? I would need to add another dropddown in my case drpSortIDasset but I want keep sorting by data. And sorting by IDasset I could switch on or off. Sort ofcourse ascending descending

Ответить
@L-ps1003
@L-ps1003 - 10.12.2024 19:23

Tried this with a choice column instead of a related column for the checkboxes. For some reason the default view with nothing checked showed nothing in my main gallery. Any idea why this might be behaving differently than the related column? Additionally, my gallery is formed from two joined tables from dataverse so that may have something to do with it too.

Ответить
@claudycharles7123
@claudycharles7123 - 14.10.2024 16:14

Wow, that video was fantastic, and the training was stellar as always! Thank you so much for sharing it with us.

Ответить