Modern PowerApps UI Design Tutorial: Card Gallery Design Ideas

Поделиться
HTML-код
  • Опубликовано: 14 июн 2024
  • 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 RUclips or Patreon):
    Members get exclusive access to download the apps, flows, or components featured in this video!
    For RUclips 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:
    RUclips- / @toluvictor
    Patreon- / toluvictor
    #powerapps #powerplatform #copilot #sidemenu #crashcourse #canvasapps #ui/ux #uidesign #gallerydesign
  • НаукаНаука

Комментарии • 46

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

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

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

      Happy you find value in the videos. 🤝

  • @mickyslim1000
    @mickyslim1000 2 месяца назад +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
      @toluvictor  2 месяца назад +1

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

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

    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!

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

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

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

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

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

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

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

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

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

    Excellent video Tolu... Great UI

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

    Excellent video!

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

    Breaking grounds Tolu🎉🎉
    Thank you for this video

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

    Legend

  • @theotherone0101
    @theotherone0101 День назад

    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

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

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

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

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

  • @qoryhanisagal
    @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. 🤯🤯. RUclips is making it complex to upgrade my membership..."Sorry, this content is unavailable for purchase"

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

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

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

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

  • @cchaoat
    @cchaoat 19 дней назад

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

  • @jakov3025
    @jakov3025 3 дня назад

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

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

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

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

  • @mohamedbenwannes7740
    @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
      @toluvictor  2 месяца назад

      Hi
      Check out the chapter on SVG management in this video
      ruclips.net/video/dNGlFA6yNvg/видео.html

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

    29:33 Cool trick

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

    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
      @toluvictor  Месяц назад +1

      Yeah
      This can be used with any powerapps data source

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

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

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

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

      Intangible Ascension by Laura Platt

  • @modupeola4988
    @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
      @toluvictor  2 месяца назад +1

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

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

      @@toluvictor it works fine now
      Thanks!

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

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

    • @toluvictor
      @toluvictor  Месяц назад +1

      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
      @michh568 Месяц назад

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

    • @toluvictor
      @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