The Ultimate Guide to Power Apps Containers and Layouts | Beginner to Advanced

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

КОМЕНТАРІ • 131

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

    I must have said the word "Container" like 500 times this video 😅.
    Do you use containers when developing your PowerApps?

    • @jonatanarias7256
      @jonatanarias7256 5 місяців тому +1

      Once I found about them, I have to use them always

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

      Always. Top content. Thank you very much!

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

      Please can you do a video on Nested Galleries? Would be great to see how you tackle them with your signature style 😎
      I'd love to see a recreation of a Smartsheet using Power Apps.

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

      Learning is super fun with you. Thank you.

  • @sherifnabil50
    @sherifnabil50 5 місяців тому +26

    You are the UI 👑 of powerapps on UA-cam. You cant buy artistic sense. You're born with it.

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

      😅 Thanks

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

      Absolutely. He made me not to joke my little knowledge on traditional UI/UX. Well done Tolu. The videos are super awesome.

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

      I agree!!

  • @OptimaMrL
    @OptimaMrL 2 місяці тому +6

    It has come to my attention that 82.1% of viewers are not in a container.
    Come on guys, let's support Tolu!!

  • @ellainejoyponte9857
    @ellainejoyponte9857 3 дні тому

    thank you so much! You are truly amazing!!

  • @larahcv
    @larahcv 22 дні тому +1

    Thanks!

  • @12345678910111277777
    @12345678910111277777 19 годин тому

    really helpful this to get started thank you so much! And it's not a boring watch for once, you keep me engaged with some silly jokes love it!

  • @rafaelbenicio2732
    @rafaelbenicio2732 3 місяці тому +2

    Whomever edited this video deserves a shout out! 🔥 Great stuff!

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

      I still edit myself, so thanks 😅

  • @ddluiza
    @ddluiza 25 днів тому

    I can't wait for class 3! I hope you continue because your videos are great and really help.

  • @JeremyAmigo-DigitalXpert
    @JeremyAmigo-DigitalXpert Місяць тому +1

    This video is pure gold! Thanks

  • @andrewjwingate
    @andrewjwingate 4 місяці тому +2

    Victor! I am at the edge of my seat for part 2!

  • @chriswebbtech
    @chriswebbtech 5 місяців тому +8

    I got to say. I've been around the block in the PowerApps community since the beginning. And this is probably one of the best done video's overall that I have seen. Good job @Tolu

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

      Thats really high praise 🫠.
      Thanks a lot🫡

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

      @chriswebbtech where is the best material for FX that you have found?

  • @paullouie8983
    @paullouie8983 4 місяці тому +2

    👍can't wait for part 2 . Thank you ✌

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

    Eagerly waiting for 2nd part. Great work !✨

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

      Thank you so much 😀

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

    Thank you so much for explaining these stuff! I'm trying to find a video about this one but you are the only one that explained it well and make it hilarious somehow with those memes. Great job!🎉

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

    I'm very grateful for your videos! Keep up the good work!

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

    Great video explaining containers! Love the sarcasm drops 🤣
    Can't wait for the other parts

  • @silumkomagwa389
    @silumkomagwa389 5 місяців тому +1

    I have become a member to see how you set up your containers in your Apps. Boi was that a painful exercise, Now we will learn how you do it. lol Thank you for the content.

  • @Yevhen-x5z
    @Yevhen-x5z 5 місяців тому

    Thank you very much for the detailed explanation. As always, everything was interesting and understandable. Looking forward to the next episodes!👍

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

      Glad you enjoyed the video🫡

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

    I'm ready to binge learn. I can't wait for the second part!

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

    Fantastic as ever, keep it up! My team, customers, and clients thank you.

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

      😂😂Me, myself and I appreciate all your thanks

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

    Cant wait for the next video! You are awesome!

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

    Great video as always. Can't wait for the next two in this series.

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

    I learn so much with your videos. Thank you!!

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

    I enjoyed this video a lot. You'll have heard it before but eagerly waiting part 2 and 3.
    I found the they way you explained fill portions insightful @14:54 thanks :)

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

    Adding the width callouts in the controls is training genius.

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

      Seemed like the easiest way to explain that part.🙂

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

    Amazing guide. Thanks. Learned a lot!

  • @Rush650gt
    @Rush650gt 9 днів тому

    gonna be dreaming in containers for the next week hah, jokes aside incredible guide.

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

      😂😂 I have been dreaming in containers for the last few months

  • @usmcmckee
    @usmcmckee 5 місяців тому +2

    I have watched you grow the quality of your UA-cam Videos. They are getting better and better 🔥. I am a Low Code and Pro Code Architect at MSFT. Your videos are what I share to customers when the need to learn how to do responsive design. Love the new playlist for this topic.
    I would recommend you also create a multi-step single Form UI video. i.e One data source that uses one form just broken into different information like Step1: Personal Information, Step 2 Vacation Details, Step 3: Cost, Step 4 Review and Submit. Makers would benefit from learning a better UI/UX with forms.

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

      Thanks a lot. I have actually a Multi-Screen form video but it was literally one of my first videos. So I'm not so proud of the video quality 💀💀😂😂. But the principle behind the technique shouldn't have changed much.

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

      @@toluvictor yeah I’ve seen it. Very long video and missing all the new skills you have grown since then. You have become a king 👑 that video was from when you were a prince 😂.

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

    Excellent work as usual, I use containers a lot but this video really enhanced my understanding and gave me some great ideas. Can't wait for the rest of the series.

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

      Glad you enjoyed it 🙂

  • @الضلامالخافت
    @الضلامالخافت 4 місяці тому

    You are the king of power apps🌹🌹🌹

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

    I am trying this straight away. Thank you Chief

  • @TheLikerofPie
    @TheLikerofPie 5 місяців тому +1

    Look incredible! Thank you (:

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

    I kind of had to figure out all these things on my own, but it's so helpful that you are providing this comprehensive explanation, so I can see if what I thought was true. I look forward to the whole series!

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

      Glad it was helpful!

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

    Awesome buddy... Keep it up

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

    i love ur videos! keep doing it

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

    Hi Vic,
    You are a hero bro

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

    I need to watch this video a couple times. I need to master using containers etc. My fingers are tired of resizing controls etc...lol

  • @munkh-erdenez2117
    @munkh-erdenez2117 4 місяці тому

    Still waiting for the second part. Loved the video

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

    Great video!

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

    Love your videos! Great UI design. Could you please do a video on how to create a milestone and progress indicators and a case app.

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

      Thanks. I'll consider this as a future video idea

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

      @@toluvictor thank you 😊

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

    amazing! you're a hero! when part 2 is coming out?

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

    Thank you very much for this video

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

    Most my apps these days are 80% containers with containers nested in containers. Better UI is always a challenge with canvas apps, thanks for helping show what can be achieved.

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

      Yeah, using containers helps reduce the challenge of building better UI in PowerApps 👍

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

      Please I cant wait for the Part 2

  • @rauf.hossain
    @rauf.hossain 4 місяці тому

    its not fair - you made me nostalgic now. When are you releasing the remaining parts? 🥰

  • @dhuck5236
    @dhuck5236 4 місяці тому +1

    Where’s part 2 & 3? I want to build something similar, but I want it to look modern like what you have here. The other service desk videos I’ve viewed have very basic designs. Yours is dope!

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

    Great video! I'd love to see how you create a business process flow in a canvas app. The native BPF is model driven only but that has a bad UI.

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

      Thanks a lot
      Ill consider this as a future video idea👍🙂

  • @Solo-Music-story
    @Solo-Music-story 5 місяців тому

    Yoo Man you're Great 🤗

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

    Good job! Thanks for

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

      Thanks. You're welcome for .. 😉

  • @dpukkz_bbq
    @dpukkz_bbq 5 днів тому

    How do you get the modern buttons to match the navy container? I have tried putting the Hex Code in the same but the button always looks a different shade?

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

    Great!Thanks !

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

    i have a question tho, what if i want datacards from a form/editform/displayform to be in a container? will it still be responsive? will the fraction rules apply to it? i've never seen a form to be as responsive as that. can you make a video about that too?

  • @TheAnalystNik
    @TheAnalystNik 5 місяців тому +1

    Very nice video! It’s difficult not to use the word ‘container’ a million times when trying to explain it 😂

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

    I like the background gradient, any recommend site to get pictures like that?

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

      I get mine from Freepik, but in some cases I edit it a bit to look exactly how I want it to look

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

    Is there a tutorial showing how to achieve the final result of the app shown at the beginning of the video?

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

    This horizontal and vertical positioning works like a flexbox in css.

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

      Yeah. Exactly.
      Makes life easier when structuring layouts

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

    I would love to have access to the solution for that task management responsive app you showed in this video as well! It is on your Patreon or UA-cam subscribers by chance? If not, guess we will just have to wait for the video and try to recreate it!

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

      Yes it is available for download to Patreon and UA-cam channel members.
      However it's the non responsive version, I put out. After part 3 of the series, I will also put out the responsive version

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

    Hi I have one question how do we connect this with share-point? Like after building the app and all the UI how to stores responses to the sharepoint?

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

    Good day
    Which paid tear do we get access to the apps shown in the videos. And which is best?

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

      It depends on what you need. Tier gives only access to the base app without any data, Tier 2 gives access to the full app with data as well as a template if you want to follow along with the video

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

      @@toluvictor
      Awesome thank you

  • @rpaconsultant-ericparijs
    @rpaconsultant-ericparijs 5 місяців тому

    Hi, that inspection app you show in the beginning looks so much like something I need :-)
    Is it available for download?

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

      Yes, it is. However it is the non responsive version. The responsive version will come with part 3 of the series

  • @СатбайТюмали
    @СатбайТюмали 3 місяці тому

    NIIIIIICEEEEE

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

    When is episode 2 & 3 coming out? Thanks

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

    When is the next part coming out?

  • @WELUVYOU-REDD
    @WELUVYOU-REDD Місяць тому

    Do you have a maintenance request template I can purchase? I know nothing about power apps but want to build a maintenance request for my job

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

    Is this a canvas app or model driven?

  • @chat-jpt
    @chat-jpt 3 місяці тому

    at 12:00, when I select start middle or end, my container doesn't move.

    • @chat-jpt
      @chat-jpt 3 місяці тому

      never mind...its because the wrap was still turned on.

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

    When do we get part 2 and 3?? The people want to know!

  • @MariuszJaguścik
    @MariuszJaguścik 3 місяці тому

    Really great tutorial. Opened my eyes for new horizons. But isn't the sound (voice) badly distorted? I've got the feeling like you used too much noise cancelation or compression to audio.. Still, really good stuff, thank you for it!!!

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

      Thanks for the tip.🙂

  • @SAMIRKHAN-dz1nz
    @SAMIRKHAN-dz1nz Місяць тому

    When the part 2 will come ?

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

    did you work as UI/UX designer before?

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

    Can we get a part 2?

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

      Part 2 is definitely coming. Subscribe to get notified once its live

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

    Basically css flex and grids

  • @LuisSanchez-fy4he
    @LuisSanchez-fy4he 5 місяців тому

    que genial

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

      Glad you liked it😊

  • @faisaliqbal-h2k
    @faisaliqbal-h2k 5 місяців тому

    i have created responsive powerapp, in my powerapp, i have left navigation menu section, header section and body section, when i published my app, and open it either in browser or in desktop version, left menu swaped with body container, means left nav shift left to right, and body container shift left to right, what will be the issue

  • @ABDOUDIALLO-gx9um
    @ABDOUDIALLO-gx9um 4 місяці тому

    When Part 2 is going to be released ?? This Week ???

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

      Check out part 2 here
      ua-cam.com/video/jJrtIV6nuRA/v-deo.html

  • @lizmarie5736
    @lizmarie5736 3 місяці тому +1

    #VALUE!=SUM(CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER,CONTAINER)

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

    How far na you never drop Part 2 boss, Abeg na

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

    eu te amo muito

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

    The UA-camr Power Apps Mt. Rushmore: Reza, Shane, April, and Tolu.

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

    Is the power App free?

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

      Its available to channel members or Patreon members

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

    My man this is a great video, but i think you are adding some labels and containers without actually showing how you added these. For a total beginner this would cause some confusion and the person may become lost

  • @MioYuki
    @MioYuki 18 днів тому

    Context: containers

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

    Il faudrait parler moins vite

  • @andrewjwingate
    @andrewjwingate 4 місяці тому +1

    Victor! I am at the edge of my seat for part 2!

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

      Check out part 2 here
      ua-cam.com/video/jJrtIV6nuRA/v-deo.html