Modern PowerApps Screen/UI Design- Beginner to Advanced

Поділитися
Вставка

КОМЕНТАРІ • 160

  • @iangrant3615
    @iangrant3615 Рік тому

    Thanks so much for posting these step-by-step videos. They are very helpful. I look forward to more!

  • @stelianrusu9881
    @stelianrusu9881 8 місяців тому +1

    Your tutorials are great! Thanks for making them!

  • @reynaldikarundeng974
    @reynaldikarundeng974 Рік тому

    Hi!
    Really appreciate the video!
    shoutout for your big effort.
    Nice editing, effect, and material so clean
    Hope you grow fast!

  • @debajdu
    @debajdu Рік тому +5

    Nice video. Never thought a power apps video can be so entertaining and at the same insightful. Keep the great work coming.

  • @MyBarylka
    @MyBarylka 4 місяці тому

    Looks very nice! Many useful tips - thank you!

  • @ErnestoBalanzar
    @ErnestoBalanzar 9 місяців тому +1

    This is a very high level video, great job!

  • @ashtonquincey7858
    @ashtonquincey7858 Рік тому

    Heck yeah! this looks so awesome!

  • @ABDOUDIALLO-gx9um
    @ABDOUDIALLO-gx9um Рік тому

    Thank you so much for sharing your knowledge. This is Great !!!

  • @israellezama6890
    @israellezama6890 Рік тому

    Wuoo excelente contenido, es sorprendente!!! Muchas gracias por compartir este contenido 👏👏

  • @gslvqz8812
    @gslvqz8812 9 місяців тому

    Excellent UI Design Tutorial. Thank you for sharing!

  • @kuldeepkhare3053
    @kuldeepkhare3053 10 місяців тому

    This is out of the world. You're a true PowerApps Legend.

  • @schattedaenker
    @schattedaenker 9 місяців тому

    Directly followed your account, very well done. Looking forward for more

  • @dharmendars8483
    @dharmendars8483 Рік тому

    Wow, this is awesome....looking forward for more content.

  • @hecksongomes462
    @hecksongomes462 10 місяців тому

    You are legendary! Excellent teaching

  • @CuriousJo1122
    @CuriousJo1122 Рік тому

    I love it! Thank you.

  • @dyoureDONE
    @dyoureDONE 9 місяців тому +2

    Thanks for this wonderful tutorial. It's a really great help for us aspiring Power Apps Developer.

  • @rajeshjurukuntla7165
    @rajeshjurukuntla7165 Рік тому +3

    this is really fantastic bro. This is one of the best power app tutorials i have ever watched...It will be helpful for me if you do a full-length app development for a responsive app. Thanks a lot..Keep the great infotainment app development work going...want more tutorials like this bro ... with love raj

  • @Bamwich
    @Bamwich 11 місяців тому +2

    This is great! You're a legend! My biggest challenge is adapting it to be a dynamic resolution app. Not a fan of static sized containers.

  • @mikehorner5811
    @mikehorner5811 11 місяців тому

    Excellent video! Factual, educational, and entertaining... Bravo!

    • @toluvictor
      @toluvictor  11 місяців тому

      Thanks for the kind words

  • @isaacbrehane2884
    @isaacbrehane2884 10 місяців тому +11

    I'm truly amazed by your incredible talent and dedication. Your work is outstanding, but I'd appreciate it if you could slow down a bit; sometimes, it's challenging to follow. I hope your next video will be even better. Thank you very much for creating such amazing content!

  • @dirknmeerkotter9854
    @dirknmeerkotter9854 11 місяців тому

    Very cool! Thank you. I enjoyed this video a lot!

  • @jadha_ravi
    @jadha_ravi Рік тому

    Great Tips And Trick Share Thank you So Much

  • @CalvinWongHKG
    @CalvinWongHKG 11 днів тому

    cool bro you make it like a mac apps :D keep it up and thx for sharing!

  • @ralphlagos4210
    @ralphlagos4210 11 місяців тому

    I learned so much! Amazing teaching style

  • @SimmsLive
    @SimmsLive 10 місяців тому

    This is brilliant 👏🏿 👌🏿

  • @nickt166
    @nickt166 5 місяців тому

    Entertaining and informative video! Rare in this space. Thanks for the content!

  • @seshadrir85
    @seshadrir85 10 місяців тому

    you are goooooooooooood at this brother...

  • @BhoopeshSharma
    @BhoopeshSharma 6 місяців тому

    This is awesome! I never thought that PowerApps app could be designed so beautifully.
    You are PowerApps God 😎
    Keep it up!

  • @jamsoy07
    @jamsoy07 11 місяців тому

    this is magnificent! thank you

  • @trollking99
    @trollking99 4 місяці тому

    Thank u for showing us de way.

  • @kingstat1
    @kingstat1 2 місяці тому

    Real Work great

  • @kake7627
    @kake7627 10 місяців тому

    very beautiful, very nice😆

  • @andreash6163
    @andreash6163 6 місяців тому

    its so beautiful. im gonna try this one out

    • @toluvictor
      @toluvictor  6 місяців тому

      Thanks 😇. Enjoy!!

  • @M4croz
    @M4croz 12 днів тому

    Bro im really impressed by the quality of your videos, just started learning Power Automate and Power Apps and your channel is really impressive, i really appreciate your work!

  • @oluwadolapobifarin105
    @oluwadolapobifarin105 9 місяців тому

    Nice one. Senior man!

  • @Evolvingways
    @Evolvingways 11 місяців тому

    Amazing and absolutely brilliant,I’m taking a cue from you to build dynamic UI powerspps❤

  • @JluispazJ
    @JluispazJ 7 місяців тому

    This video it's the best. ¡Thanks!

  • @bellcore1
    @bellcore1 3 місяці тому

    This is awesome

  • @gabrielosaji8920
    @gabrielosaji8920 Рік тому

    wow wow .. thank u

  • @hesatrap7739
    @hesatrap7739 4 місяці тому

    So impressed with your criativity. Keep it up

  • @TengriTunes
    @TengriTunes Місяць тому

    NICEEEEEEEEEEEEEEEEEE! DONT STOP

  • @olydamy2546
    @olydamy2546 Рік тому

    Well done

  • @Linkudoo
    @Linkudoo Рік тому

    Hello, I am from Brazil and I recently started working in an internship and I develop with PowerApps, your tutorials have helped me a lot, thank you!

  • @denisskorikov6234
    @denisskorikov6234 9 місяців тому

    Respect!

  • @valentinanunez8192
    @valentinanunez8192 6 місяців тому

    Hi, your videos are amazing!! Can you please upload the dataset used in this video, please!

  • @General_halap
    @General_halap Рік тому

    Weldone chief

  • @abdullahkamal6502
    @abdullahkamal6502 10 місяців тому

    you are the best

  • @akitup
    @akitup Рік тому

    love your tutorials Tolu, very detailed 🫡

  • @youngdataio
    @youngdataio Рік тому

    haha love your content man !

  • @grimmersnee
    @grimmersnee 7 місяців тому

    great tips

  • @jasonjacome5963
    @jasonjacome5963 Рік тому

    I just saw you amazing post on Linkedin is a pleasure to follow and learn from you

  • @sultanSurya
    @sultanSurya Рік тому +2

    Awesome design. Great effort. Can you explain more about containers in a video? when to use horizontal, vertical and nonresponsive containers.

    • @toluvictor
      @toluvictor  Рік тому

      Alright I'll consider it in a future video

  • @Sameer-oy1bd
    @Sameer-oy1bd 11 місяців тому

    haha...I love 51:31 ... you nailed it...😂😂😂

  • @ishwaryadoss1421
    @ishwaryadoss1421 3 місяці тому

    You are awesome! Btw I'm curious to know how you are learning all this!!! This is soo new

    • @toluvictor
      @toluvictor  3 місяці тому

      Thanks
      Mostly by trial and error sadly 😅

  • @daniyalzahid8997
    @daniyalzahid8997 5 місяців тому

    can you also provide the data sets to which you are applying these controls too?

  • @user-ck8xx1yc7s
    @user-ck8xx1yc7s 10 місяців тому

    thank you so much

  • @binhfboong
    @binhfboong Рік тому

    thank for sharing

  • @samuelumeofia9125
    @samuelumeofia9125 10 місяців тому

    Great 👍

  • @lolosan7522
    @lolosan7522 6 місяців тому

    Great video; thank you for sharing; Now i know the secret of containers .

    • @toluvictor
      @toluvictor  6 місяців тому

      Lol. Glad it was helpful!

  • @bgigliotx
    @bgigliotx 6 місяців тому

    Stunning. Great job!

  • @jdriele
    @jdriele 11 місяців тому

    4:25 I used to store icon svg text in a SharePoint list readable by all the company.

  • @dipteshbose
    @dipteshbose 11 місяців тому

    Genius....🎉

  • @chayakornsureekamonchai5006
    @chayakornsureekamonchai5006 2 місяці тому

    When I use in mobile, in the first screen I've click of this menu bar then it disappear. Only see this menu bar in the first screen. Please help😭

  • @brandondent2996
    @brandondent2996 23 дні тому

    I really appreciate your videos!
    Any tips on how I can change the SVG's color if I have uploaded my own svg images directly into power apps?

    • @toluvictor
      @toluvictor  23 дні тому +1

      Thanks a lot.
      If you upload the SVG directly as an image, you won't have control over it. But if you upload its data as text, you can manipulate however you see fit.
      Check my recent mini tutorial video, I show something similar: ua-cam.com/video/0j0SePL60m0/v-deo.html

  • @oluwapelumiabimbola9024
    @oluwapelumiabimbola9024 Рік тому

    Really sensational🔥

  • @abdullahkamal6502
    @abdullahkamal6502 10 місяців тому

    keep forward

  • @iamluann_
    @iamluann_ 5 місяців тому

    The videos and content are undeniably impressive, yet they present a significant challenge for beginners like myself to follow and learn from. While the quality of the content is exceptional, it seems geared towards more experienced individuals. I sincerely hope that you consider making your videos more beginner-friendly. Alternatively, creating a dedicated video tailored specifically for beginners would greatly enhance accessibility and understanding. Despite my efforts to engage with your content, I find myself struggling to keep up. Thank you, for your attention to this matter.

    • @toluvictor
      @toluvictor  5 місяців тому

      Hi Lawrence. looking back, I indeed noticed I was really fast paced in my earlier videos making it difficult for complete beginners.
      In my recent and upcoming videos, I tried to make them slower paced to help all expertise levels. I also plan to revisit some of my earlier topics and recreate them as slow-paced videos for complete beginners, but that would be in the future.

    • @aj4354
      @aj4354 4 місяці тому

      @@toluvictor Reza Dorrani is a great example of how slowly he talks in order to ensure watchers understand the material and his videos aren't that long either. Also not talking ahead too fast while moving to the next action. I had to pause multiple times because as soon as you were completing a thought you moved quickly to the next task. I will say your design is better than his. I just think you're really close to make a perfect video.

  • @TechChaitu
    @TechChaitu 11 місяців тому

    Hi Tolu,
    Great Video!
    How you got the rounded corners for the label at 21:30

    • @toluvictor
      @toluvictor  11 місяців тому

      I applied the border radius to its parent container, so everything within it will be rounded

  • @reganli4371
    @reganli4371 Рік тому

    Do you find longer loading time in the app if you have too many (10-20) SVGs on a page? Also, would it require an internet connection when using SVG images?

    • @toluvictor
      @toluvictor  Рік тому

      I haven't really done any load testing. But svgs are just like any other media, if there are too many of them, I assume it will take a while to render.
      As for the second question. SVG should render for both online powerapps and offline powerapps

  • @Proxcss
    @Proxcss 11 місяців тому

    Once again an amazing video. With well made explanation. But be carefull with the word "Next" you use it alot! So maybe use some alternative words to mix it up.

    • @toluvictor
      @toluvictor  10 місяців тому

      Thanks for the tip.❤️

  • @0001destroyer
    @0001destroyer 9 місяців тому

    Could you explain the process you used to implement the spinner icon during a screen transition?

    • @toluvictor
      @toluvictor  8 місяців тому

      It is automatic. It mostly happens when data is taking a while to load in galleries

  • @esdrasmarques
    @esdrasmarques 6 місяців тому

    Hey, Victor! Thanks again for this great video! Just a suggestion:
    You speak a little bit quickly and often the video frame is ahead of what you say, which makes it difficult for those who are watching and trying to follow along with the video. Try to improve at this pont if its possible! Thanks for all!

  • @aditiarora45
    @aditiarora45 Рік тому

    Hi great video
    Can you create a video on how to export data in gallery in CSV format in power app

    • @toluvictor
      @toluvictor  Рік тому +1

      I'll consider implementing it into one of my future videos👍

  • @thatshitcray
    @thatshitcray 11 місяців тому

    Great vid. You put the big names to shame with this and won my sub. Would it be possible to expand a single item from a list (0:18) to card view like in the gallery?

    • @toluvictor
      @toluvictor  11 місяців тому

      Thanks
      If you're talking about a collapsible gallery, it is possible if you use the flexible height gallery

    • @thatshitcray
      @thatshitcray 11 місяців тому

      @@toluvictor Thank you sir.

  • @hiteshkumar797
    @hiteshkumar797 7 місяців тому

    Hey great video Victor

    • @toluvictor
      @toluvictor  7 місяців тому

      😅😅 I was just joking. That was a component I built. Follow along in the video to see how I built it

  • @PrathameshArolkar
    @PrathameshArolkar Місяць тому

    How is the currentselection for menu bar indicator changing for you? Shouldn't it be a dynamic value?

    • @PrathameshArolkar
      @PrathameshArolkar Місяць тому

      LookUp(customNavigation,PageNavigation=App.ActiveScreen,MenuID) -> I used this to make the menu bar selection indictor dynamic as per selected icon.

    • @toluvictor
      @toluvictor  Місяць тому

      Thats great

  • @aniketzende753
    @aniketzende753 Місяць тому

    Could you please provide the link of backgrond image .. it's really looking awsome

    • @toluvictor
      @toluvictor  Місяць тому

      Hi its been a while so I can lt remember the link
      But I remember searching "Abstract Flowy Background" on freepik.com

    • @aniketzende753
      @aniketzende753 Місяць тому

      @@toluvictor big thanks for reply tolu, i wanted to know why we use non-responsive containers when we having both verti and hori resp containers and also i know how to use them, could u please elaborate to me only the about non-responsive ?..

  • @SimeonEducational
    @SimeonEducational 4 місяці тому

    Mr. SIr,
    Where can I get the Product Catalogue table sir?

    • @toluvictor
      @toluvictor  3 місяці тому

      Hello.
      This is available to all channel members

  • @nicowallace1282
    @nicowallace1282 6 місяців тому

    Hi Tolu, how would you set onselect properties of each individual button in the Menubar?

    • @toluvictor
      @toluvictor  6 місяців тому

      It depends. If the button would be for navigation alone, I would set the navigation value in the gallery data source, and then use the navigate function and that value to make each button navigate to the designated screen. Check out my side menu video here, i did something similar. ua-cam.com/video/2K2TTEaw_N4/v-deo.htmlsi=BDKUsxLZRJPQ8UXl&t=694
      If I want to run custom behavior code, I would go through another process, I've explained that in another video. Check it out here ua-cam.com/video/Izl-KTv5CHI/v-deo.htmlsi=lZVwFzrLzUDKxmRG&t=866

    • @NicoWallace-et7yl
      @NicoWallace-et7yl 6 місяців тому

      Ah great! Im mpre interested in the second link you provided as I have two buttons I want to add to the memu bar, "Create New" amd " business card Scanner". Will follow the links and let you know how it turns out! Thanks heaps and keep up the great content

    • @toluvictor
      @toluvictor  6 місяців тому

      Happy I could be of help

  • @edrainiery
    @edrainiery 6 місяців тому

    Where I can get the database that you used in this video?

    • @toluvictor
      @toluvictor  6 місяців тому

      This is available to channel members, please check the membership tab on my channel page

  • @jeanpierreragequit1726
    @jeanpierreragequit1726 11 місяців тому

    24:09 U don"t need the EncodeURL function at this stage ?? This is a great tutorial as a great svg user in PowerApps ( editing them only with Notapad ^^ )

    • @toluvictor
      @toluvictor  11 місяців тому

      I used EncodeURL, you can also check the Gallery Designs video for the full details

  • @user-zh2vd5il6x
    @user-zh2vd5il6x 10 місяців тому

    What do I do to get the input "customIcons" recognized?

    • @toluvictor
      @toluvictor  8 місяців тому

      Please watch the chapter on SVG management

  • @user-yy7sm1pe6i
    @user-yy7sm1pe6i 6 місяців тому

    Hello!!
    The formula doesn't work for me:
    "data:image/svg+xml;ut8, "& EncodeUrl(
    LookUp(customIcons,IconName = "NextIcon").IconData
    )
    my sales mistake: (customIcons,
    Help me Please

    • @toluvictor
      @toluvictor  6 місяців тому

      Hi, As far as syntax goes, this is correct but since I don't have full context of your app, I can't really pinpoint where your error is.
      Just make sure you check that your customIcons collections are initialized with the correct name and correct colum names (check if there are no typos)

    • @ishwaryadoss1421
      @ishwaryadoss1421 3 місяці тому

      It isn't working for me when i used substitute to change the color! Couldn't find the error.."data:image/svg+xml;utf8," & EncodeUrl(
      substitute(
      LookUp(customIcons, IconName = "InfoCircle").IconData,
      "currentColor", "White"
      )
      )

  • @FDSuppliesEnterprises
    @FDSuppliesEnterprises 14 днів тому

    i feel it amazing, however when i try to follow, its too fast. cant capture on the minutes 17. ;(

    • @toluvictor
      @toluvictor  7 днів тому

      😅 Sorry about that.
      I've slowed down in my recent videos

  • @rajeshjurukuntla7165
    @rajeshjurukuntla7165 11 місяців тому

    hi Tolu the data model is not explained in this video how to know it and with out knowing data model i can't code the fx formulas

    • @toluvictor
      @toluvictor  11 місяців тому

      I actually recorded it, but it didn't make it to the final video cut because I wanted the video to focus more on the UI than the actual data

    • @banihas22
      @banihas22 11 місяців тому

      @@toluvictor would be great to see this part as well to complete the series for this app! Thanks in advance.

  • @danieliberi
    @danieliberi Рік тому

    maybe i’ll learn powerapps too haha

  • @bestnocture
    @bestnocture 4 місяці тому

    Came for the UI, stayed for the memes :D

  • @JimmyNguyen368
    @JimmyNguyen368 9 місяців тому

    Could u share this app in video

    • @toluvictor
      @toluvictor  6 місяців тому

      All apps from my videos are now available to channel members. Search the Membership or Community tab for the solution download links.

  • @amirtwoprince9756
    @amirtwoprince9756 7 місяців тому

    Hi Tolu, is it possible for you to share this app to us? I really learn a lot from you, but sometimes there are things that I cannot understand. I hope you can share the app to us. So we can see what you did in there..

    • @toluvictor
      @toluvictor  6 місяців тому

      All apps from my videos are now available to channel members. Search the Membership or Community tab for the solution download links.

  • @mervyndeanhilary2831
    @mervyndeanhilary2831 10 місяців тому

    Sound like a rapper, i have to listen like im memorizing eminems song

    • @toluvictor
      @toluvictor  10 місяців тому

      🤣🤣🤣. I'll try to slow down in my subsequent videos

  • @modupeola4988
    @modupeola4988 5 місяців тому

    That SuperCool Menu Bar joke was not very nice 😂😂😂, you got me wondering why my app didn't have it. Not Cool Tolu

    • @toluvictor
      @toluvictor  5 місяців тому

      🤣🤣🤣 I'm sorry

  • @Ashif_Saifi
    @Ashif_Saifi 6 місяців тому

    Just tell me the screen recorder name 😂😂😂😂

  • @itxhamza5543
    @itxhamza5543 8 місяців тому

    Absolutely not The Great Leader Imran Khan 🥰🥰🥰🥰

  • @Coastalgafiretrn
    @Coastalgafiretrn 7 місяців тому

    Great job just wearing out my pause button😅

  • @786gnafis
    @786gnafis 3 місяці тому