How to Design a Modern Filter UI in Power Apps

Рет қаралды 13,351

Күн бұрын

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
Follow me on LinkedIn: / victorsanwoolu
Video ID: #PP_0015
Part 1: • Modern PowerApps UI De...
Part 2: • How to Design a Multi-...
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 KZfaq 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 KZfaq Members: Check the membership tab on the channel page for the download links.
🎁Not a member yet. Join the Tolu Victor Community:
Patreon- / toluvictor
KZfaq- / @toluvictor
#powerapps #powerplatform #copilot #sidemenu #crashcourse #canvasapps #ui/ux #uidesign #gallerydesign

Пікірлер: 48

@banihas22 Ай бұрын

Fantastic as per usual, Tolu! Keep it up.

@toluvictor Ай бұрын

Thanks🙂

@cheikhtidianethiam1500 Ай бұрын

It's always a pleasure to watch your videos.

@toluvictor Ай бұрын

Glad you could learn something

@AMindGame Ай бұрын

Your apps are so clean. Love your videos!

@toluvictor Ай бұрын

Thanks

@alexandermcmurrin5602 Ай бұрын

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

@toluvictor Ай бұрын

I appreciate that!

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

@hiteshkumar797 Ай бұрын

Excellent video victor👌👌

@toluvictor Ай бұрын

Glad you enjoyed it

@advillacorta 20 күн бұрын

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!

@toluvictor 20 күн бұрын

Glad it was helpful!

@listenlookandlistenandlear8271 Ай бұрын

Your designs are top notch! 👏👏👏

@anthonjhnon1 Ай бұрын

I agree.

@anthonjhnon1 Ай бұрын

Your method to toggling the filter true/false is much less complicated that what I came up with. Going to have to borrow this method. I was about to stop watching the video until I saw that. Now I'm watching the entire thing.

@listenlookandlistenandlear8271 Ай бұрын

I used the static one, as a separate container for the filter. But the design of this one is really great styling.

@toluvictor Ай бұрын

Thanks you so much. Glad you learnt something

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

@toluvictor Ай бұрын

Lol. The Modern Controls now have it natively so we won't need this trick going forward or at least when Modern Controls are no longer in Preview

@bi-ome Ай бұрын

@@toluvictor Yeah I keep trying to use the modern combo box and it keeps not being 100% functional... like trying to use it as a people picker it just seemed to not work? It's been a few months though, maybe I should revisit...

@kamozzi1 8 күн бұрын

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?

@MichaelDeBlasis1369 Ай бұрын

TY!

@toluvictor Ай бұрын

You're welcome 😇

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

@oisingriffin1775 Ай бұрын

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.

@toluvictor Ай бұрын

Just use Choices('your option set name')

@HidalgoDianne 26 күн бұрын

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

@toluvictor 25 күн бұрын

Thanks. Any Tier is fine however Tier 2 also includes Datasets and Base App Templates where applicable

@aniketzende753 8 күн бұрын

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

@phoebeboatswain4351 Ай бұрын

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

@toluvictor Ай бұрын

I used the Search() function on the datasource. Check 33:44

@therealtorproperties9823 Ай бұрын

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.

@toluvictor Ай бұрын

Hi, I cant really answer this question. Please try contacting MS Support. It would also be better if you backup your authentication profiles using your personal email so this wont happen again

@DezOps 21 күн бұрын

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.

@toluvictor 20 күн бұрын

Hi. Thanks a lot for the support As I said in the video, I built the app as partially responsive (for desktop viewport only) so its not fully responsive. If you want to use this filter layout on mobile the best approach would be to use the overlay/popup method and set it to come from the bottom instead of the right by using a vertical container

@DezOps 19 күн бұрын

@@toluvictor thanks! I missed that part in the video but I will try that suggestion and see what I can put together :).

@akhiljawahar2984 25 күн бұрын

Hi, I am Akhil. I am your KZfaq 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

@toluvictor 23 күн бұрын

Hi. I'm not sure what might cause your issue based on the little info you provided, but please make sure you're referencing your controls and variables properly (no typos)

@akhiljawahar2984 24 күн бұрын

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

@toluvictor 23 күн бұрын

Hi. I'm not sure what might cause your issue based on the little info you provided, but please make sure you're referencing your controls and variables properly (no typos)

@akhiljawahar2984 23 күн бұрын

@@toluvictor is there any way to contact you? i am creating an app based on your video instructions, is it possible to help me?