How to Design a Modern Filter UI in Power Apps

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

ความคิดเห็น • 63

  • @wojciechk7816
    @wojciechk7816 5 หลายเดือนก่อน +2

    I found your movies by accident, when searching for nice design power apps, and wow! you inspired and motivated me! hell of a great job and love the balanced funny cut in's, not too many, not too less - just in the point! :D thanks for great job from a random internet guy somewhere far away :D take care

    • @benjaminnzioki8815
      @benjaminnzioki8815 5 หลายเดือนก่อน +1

      I couldn't agree more! Thanks a million, Tolu.

  • @mejemrialay
    @mejemrialay 5 หลายเดือนก่อน +1

    Full of Gems and funny! I've learnt a lot from your videos..well...copied a lot is more accurate, but also learning

  • @AMindGame
    @AMindGame 8 หลายเดือนก่อน +1

    Your apps are so clean.
    Love your videos!

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Thanks

  • @banihas22
    @banihas22 8 หลายเดือนก่อน +1

    Fantastic as per usual, Tolu! Keep it up.

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Thanks🙂

  • @bi-ome
    @bi-ome 8 หลายเดือนก่อน +1

    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
      @toluvictor  8 หลายเดือนก่อน

      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
      @bi-ome 8 หลายเดือนก่อน

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

  • @ProfessorPopTarts
    @ProfessorPopTarts 8 หลายเดือนก่อน

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

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      I appreciate that!

  • @cheikhtidianethiam1500
    @cheikhtidianethiam1500 8 หลายเดือนก่อน

    It's always a pleasure to watch your videos.

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Glad you could learn something

  • @DuduPochi
    @DuduPochi 8 หลายเดือนก่อน +1

    Your designs are top notch! 👏👏👏

    • @anthonjhnon1
      @anthonjhnon1 8 หลายเดือนก่อน

      I agree.

    • @anthonjhnon1
      @anthonjhnon1 8 หลายเดือนก่อน

      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.

    • @DuduPochi
      @DuduPochi 8 หลายเดือนก่อน

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

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Thanks you so much. Glad you learnt something

  • @advillacorta
    @advillacorta 7 หลายเดือนก่อน

    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
      @toluvictor  7 หลายเดือนก่อน

      Glad it was helpful!

  • @realbenedictik
    @realbenedictik 7 หลายเดือนก่อน +2

    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.

  • @jheymimalca9825
    @jheymimalca9825 5 หลายเดือนก่อน

    justo lo que estaba buscando, excelente video!

  • @hiteshkumar797
    @hiteshkumar797 8 หลายเดือนก่อน

    Excellent video victor👌👌

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Glad you enjoyed it

  • @kamozzi1
    @kamozzi1 6 หลายเดือนก่อน

    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?

  • @RennaOnline
    @RennaOnline หลายเดือนก่อน

    Great video! I really love your "All Car Details" table. Could you create another tutorial focusing on different types of tables? For example, an editable table, a table that allows adding columns, and one where you can perform calculations like YTD and MTD sums? Thanks a lot!

  • @dominicgraytechnology
    @dominicgraytechnology 4 หลายเดือนก่อน

    I see you've used a custom gallery for your "data grid" like table. Is it possible to replicate the experience of the classic datatable that scrolls horizontal when there are more columns than will fit in the default screen width? I've not found a good way to accomplish this to date. Using the modern table, it has refresh issues I assume due to its still Preview nature. Thank you for the Excellent Content!

  • @sudosaurus
    @sudosaurus 4 หลายเดือนก่อน

    Hi Tolu, I have just finished setting up the expandable side menu. If this is expanded and then the filter is opened, half of the filter container is off-screen, unless the side menu is retracted to simple mode. Please could you advise what I need to do to have both open sequentially without any loss of functionality?

    • @sudosaurus
      @sudosaurus 4 หลายเดือนก่อน

      Resolved by updating the OnSelect of the Filter button: Set(varFilterOpen, !varFilterOpen);
      If(varFilterOpen, Set(varMenuExpanded, false))

  • @amazingvlogcambo
    @amazingvlogcambo 8 หลายเดือนก่อน

    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?

  • @tuesdayflores6286
    @tuesdayflores6286 23 วันที่ผ่านมา

    perfect!!

  • @oisingriffin1775
    @oisingriffin1775 8 หลายเดือนก่อน

    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
      @toluvictor  8 หลายเดือนก่อน +1

      Just use Choices('your option set name')

  • @nabilsidrak4495
    @nabilsidrak4495 4 หลายเดือนก่อน

    Hi Tolu, some times i get "invalid operation dividing by zero" on this app, it is from the gallery containing the images, any thoughts on that error? Thanks..

  • @phoebeboatswain4351
    @phoebeboatswain4351 7 หลายเดือนก่อน

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

    • @toluvictor
      @toluvictor  7 หลายเดือนก่อน

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

  • @HidalgoDianne
    @HidalgoDianne 7 หลายเดือนก่อน

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

    • @toluvictor
      @toluvictor  7 หลายเดือนก่อน +1

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

  • @aniketzende753
    @aniketzende753 6 หลายเดือนก่อน

    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

  • @AimenBoulahia
    @AimenBoulahia 5 หลายเดือนก่อน

    why not the modern combobox ?

  • @corneliusluka3555
    @corneliusluka3555 5 หลายเดือนก่อน

    Thanks for this video, is the power app free? and how can one learn and follow you from scratch?

  • @reynaldoluque
    @reynaldoluque 13 วันที่ผ่านมา

    Excelente

  • @DezOps
    @DezOps 7 หลายเดือนก่อน

    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
      @toluvictor  7 หลายเดือนก่อน

      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
      @DezOps 7 หลายเดือนก่อน

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

  • @michaeljensen8867
    @michaeljensen8867 5 หลายเดือนก่อน

    could the background music be any louder, in the beginning?

  • @akhiljawahar2984
    @akhiljawahar2984 7 หลายเดือนก่อน

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

    • @toluvictor
      @toluvictor  7 หลายเดือนก่อน

      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
      @akhiljawahar2984 7 หลายเดือนก่อน

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

  • @williamsalazar2624
    @williamsalazar2624 7 หลายเดือนก่อน

    do you have a course of PowerPage?

    • @toluvictor
      @toluvictor  7 หลายเดือนก่อน

      Hi, at this moment, I do not

  • @akhiljawahar2984
    @akhiljawahar2984 7 หลายเดือนก่อน

    Hi, I am Akhil. I am your TH-cam 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
      @toluvictor  7 หลายเดือนก่อน

      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)

  • @PaulShadwell
    @PaulShadwell 15 วันที่ผ่านมา

    I've watch this a couple of times now and implemented some of the elements into my own app. But at no point do you show the code for how you actually filter the gallery using these filters.

    • @toluvictor
      @toluvictor  53 นาทีที่ผ่านมา

      The point of this video was the UI of the filter mechanism.
      To learn how the filter function works there are many free resources on TH-cam

  • @MichaelDeBlasis1369
    @MichaelDeBlasis1369 8 หลายเดือนก่อน

    TY!

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      You're welcome 😇

  • @eyoborelvis8224
    @eyoborelvis8224 8 หลายเดือนก่อน

    Great Content there Tolu👍👍🩷

    • @toluvictor
      @toluvictor  8 หลายเดือนก่อน

      Thank you so much