How to Design a Modern Filter UI in Power Apps

This is part 3 of my Modern PowerApps Design Walkthrough. In this video, you will learn how to design a custom and modern Filter UI that can be used in both a responsive Gallery or static galley in PowerApps

Video ID: #PP_0015

Table of Contents:
00:00 Intro
00:52 Demo Intro
02:54 Responsive Filter Layout
19:17 Sequence Function
27:48 Active Filter Counter
34:51 Connecting 2 Text Inputs
37:34 Static Gallery Filter Layout

📥 App and Dataset Download for Members (on Youtube or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!

For Patreon Members: Download links will be available on the Patreon Page
For Youtube Members: Check the membership tab on the channel page for the download links.

🎁Not a member yet. Join the Tolu Victor Community:

#powerapps #powerplatform #copilot #sidemenu #crashcourse #canvasapps #ui/ux #uidesign #gallerydesign

[banihas]

Fantastic as per usual, Tolu! Keep it up.

[cheikhtidianethiam]

It's always a pleasure to watch your videos.

[AMindGame]

Your apps are so clean.

Love your videos!

[alexandermcmurrin]

You are top notch. Please keep your content coming. Thank you

[realbenedictik]

Hi Tolu. Big fan of yours. I love how detailed and modern your videos and apps are. I'm just starting off with the Power Platform and your channel is my go-to. A quick suggestion if you don't mind, could you make beginner videos on Power apps and add them to a playlist? One of the challenges I had while starting out was trying to understand basic stuff like creating a standard non-responsive landing page, with buttons, galleries, containers and form controls. I usually found myself lost when responsiveness came into the conversation. I'm an advanced beginner so I prolly understand a bit of what you say now. Thanks again.

[advillacorta]

Great video! Nice design! I am applying some of your tips to my current projects. With all these I can now desing great UI for my projects. Thanks a lot for your videos and tutorials!

[bi-ome]

I love your trick for the rounded corners on the combo box. I have been wishing I could get rounded corners on that thing for YEARS. D:

[kamozzi]

Thanks for the video. looking great. How should i go about repurposing this app to a Software Request process or any other PowerApps? is there any easy steps to achieve the required?

[amazingvlogcambo]

It's great! Now I'm st*ck on dynamic component "Action" for using in Datatable (Edit, Delete, View) of Power App. Can you HELP?

[HidalgoDianne]

Absolute amazing content!! Keep it up!
I want to customize the same app, which subscription should I choose?

[oisingriffin]

Great video as always! What should the items property of the dropdown be if one my columns is a choice data source ? : Sort(Distinct('datasource', 'Column Name'), Value) works for me but not for my choice data type column.

[aniketzende]

Hello Tolu, big love and respect from india, my image icon color does not get changes while clicking on any icon, it seems theCurrentMenuId value is not getting changed dynamically could u pls help

[phoebeboatswain]

Great content! Where did you hook up your TI_Search to?

[DezOps]

Great video and I have gained a lot from becoming a channel member. I don't see the section on Mobile Responsiveness though? It's in the video thumbnail and I've watched the video over and over, but don't see anything discussing how to make this design responsive for mobile? When I import the solution and try to modify it for my use-case, the design doesn't respond, even after turning off scale-to-fit.

[therealtorproperties]

Thanks for the video.
Please how can I login into my developer account because my authenticator app is asking for a code and I'm using it on a new phone now. I'm on E5 subscription. Please I'll appreciate if you can put me through on this.
Thanks.

[akhiljawahar]

Hi, I am Akhil. I am your YouTube channel tier 2 member. I am facing issue in my power app. I have created similar app like your card gallery. In the last column arrow, I want to navigate to another approval screen as view mode of selected item in the current table. Unfortunately, there is an error. can you please help me its little urgent., Thanks

[akhiljawahar]

There is a Warning showing in my error function could please help me