How to Design MODERN looking PowerApps forms : Beginner to Advanced

Поділитися
Вставка
  • Опубліковано 6 жов 2024

КОМЕНТАРІ • 181

  • @toluvictor
    @toluvictor  9 місяців тому +16

    Hi Everyone. The Side navbar video is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

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

      At this speed of content output you'll catch up to senpai Reza in no time😄

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

      😅😅Maybe one day. Let me stay on my lane for now

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

      Fantastic thank you. I love your work!

  • @grimstar8577
    @grimstar8577 10 місяців тому +44

    We definitely need that side navbar video.

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

      Cool. If it gets more traction, I'll work on the video

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

      Would love to see how you did the side nav

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

      @@toluvictor pls , the side nav bar is needed

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

      Totally agree, we need to know this!!! :)

    • @dpukkz_bbq
      @dpukkz_bbq 10 місяців тому +1

      I can’t believe this is even a question. Of course we want the side bar video!

  • @HippyAITech
    @HippyAITech 10 місяців тому +14

    Thank you for covering this topic! UI and UX are two severely lacking topics within the Power Apps content creator community.

  • @AMindGame
    @AMindGame 2 дні тому

    Your app is so clean and so are you're explication. Would be awesome to see a inventory management (Checkin and out equipment)

  • @Nadeem-mc8tt
    @Nadeem-mc8tt Місяць тому +1

    Bruh from where do you get all the inspiration? Honestly you are no 1 when it comes to Ui/UX in power apps on UA-cam..

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

      😅. I just browse the internet for inspiration, but I mostly use dribbble, pinterest and google images.

  • @JoshElder-e4r
    @JoshElder-e4r 2 місяці тому

    As someone who is particular about design aspects in Power Apps, I love your eye for detail and design. Fantastic videos

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

    This is absolute gold!! Thank you so much for sharing this! It's a super important aspect that we tend to overlook in developing when focusing on the functions instead of UI/UX. This looks absolutely stunning, and I can't wait to implement it in my apps!

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

      Glad it was helpful!

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

    This is just next level UI designing in Canvas Apps! I'm learning more thanks to your videos! especially those shortcuts for selecting multiple controls, nice!

  • @houssemMakhlouf-xn6xt
    @houssemMakhlouf-xn6xt 2 місяці тому

    Hello,
    What you're doing is truly impressive! It would be great if you could also include a feature to create a combo box with a dropdown menu. That would certainly be an exciting challenge!

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

    The author of the channel, a master of his craft. This is the innovative vision in PowerApps development. This approach inspires creativity. You need to develop the channel!
    Please make a video about the sidebar menu.

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

      Thanks for the kind words.

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

      Hi . The Side navbar video is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

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

    Tolu you dey give me joy.
    Love from Toronto and naija at the same time

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

      Thanks boss 💪💪

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

    Damn. You're the man I didn't know I needed in my life! Amazing job, will surely put your info to good use! Keep up the amazing work!

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

      😂😂😂😂Thanks a lot for the support.

  • @Marcus-it6ke
    @Marcus-it6ke Місяць тому

    I made the mistake of building an app with modern controls. Dealing with them is maddening. Thinking about scrapping the whole thing and starting over.

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

      😅. Theyre still in preview so I dont put them in any of my production apps

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

    Thank you for this ace tutorial! I will be using it this week :)

  • @pratikdarak8863
    @pratikdarak8863 10 місяців тому +2

    Yes, we need video on side navbar. Thank you for sharing this type of cool stuff !

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

      👍

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

      Hi . The Side navbar video is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

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

    You're awesome. I request the left nav bar too!

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

      Hi . The Side navbar video is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

  • @reynaldikarundeng974
    @reynaldikarundeng974 10 місяців тому +3

    Finally!
    After 4 months no updates from you.
    Great video as usual bro 🎉

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

      😅😅. I definitely need to do better

  • @bellam2413
    @bellam2413 10 місяців тому +3

    Thank you, Tolu, your design skills are spectacular!

  • @ammarshahkar
    @ammarshahkar 10 місяців тому +1

    The timing is just amazing

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

    It's been while since i work as a power apps developper. and this is the best power apps channel for UI Apps tuto ive seen !! well done my friend much support

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

    If you use the trick to select all DataCardKeys, instead of having to do it again if you need to change something, you can click group to create a group and make the edits quicker, without needing to repeat the Vertical to Horizontal trick :)

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

    Amazing work Tolu! My only suggestion would be to slow down a bit for us beginners.

  • @yt-baer
    @yt-baer 10 місяців тому

    just started with powerapps and found your channel, amazing UIs that you create! keep it up
    please share some components, if possible 🙏

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

      😊 Thanks

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

      Hi all apps and component are now available for download to channel memebers. Once you've joined check the Membership or community tab for the solution download links

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

    Could you do a video showing how you created the display of all forms you showed at the beginning of the video?

  • @bilalrafique8975
    @bilalrafique8975 10 місяців тому +1

    Fantastic As Usual. Please try to slow your speed 😛

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

      Thanks for the feedback. I'll try to do that in my subsequent videos

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

    Thanks, Tolu. How should I go about modernizing 40+ columns? There are about 50 steps to add controls and then customize them. Is there an easier way to update one datacard and then copy it, changing the references as needed?

  • @Eng.Falafel
    @Eng.Falafel 10 місяців тому +1

    Just subscribed, you are the best when it comes to UI! Keep it up man, lets see more fun stuff
    And if the videos take a long time from you, try short ones :)

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

    Thank you! Kickass video. Finally now my powerapp form can look as nice as a msform but with all the powerapp functionality

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

      🔥🔥 happy you could learn something.

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

    Thank you for the video! Can you write out the steps / requirements needed to unlock the ability to adjust the border radius on dropdowns? I tried to follow along but I am not seeing this option and must have missed something. Would be greatly appreciated!

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

      There is no option to add border radius on a dropdown do what I did was to first put the dropdwon in a non responsive container and then apply the border radius to the container

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

      Ah that makes sense. Very clever, thank you for clarifying!@@toluvictor

  • @KrishnaKumar-wh9ks
    @KrishnaKumar-wh9ks 10 місяців тому

    Please post videos every week and this is best UI video !!

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

      Every week is not possible for now due to other engagements, but I'll be increasing my upload frequency

  • @NoHarmDunn
    @NoHarmDunn 10 місяців тому +1

    You deserve more subs, this is great content.

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

    How come this channel doesn't have ten times more subscribers and views. Awesome stuff. Couldn't imagine this was possible from the native ugly power apps design.This dark theme of the video looks fantastic. Could you share the colors/theme of your app ? Would love to see shared also a bright set of colors.

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

      Thanks 😇

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

      I have shown the app with a light theme pallette in this video. Check it out here ua-cam.com/video/2K2TTEaw_N4/v-deo.html

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

      @@toluvictor thanks for the follow up. I ve seen the notification earlier today and will watch the video tomorrow and for sure get design ideas. Thank you again for your videos, we don't all have the same design skills as you.🙏

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

    awesome content, thank you very much! could you please make a video on how to make creative buttons and different elements?

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

      The video already exists. Check the playlist I quoted in the video description

  • @akereleclement3262
    @akereleclement3262 10 місяців тому +1

    Thanks for this amazing input of knowledge

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

    side navbar video would be great, yes please!

  • @Bobby4thebroken
    @Bobby4thebroken 10 місяців тому +1

    I would love to know how you did the collapsible side menu

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

      👍

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

      Hi . The first video in the Side menu series is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

  • @VANDIK01
    @VANDIK01 10 місяців тому +1

    Nice video, where I can find the left nav component? thanks

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

      That tutorial video doesn't exist yet . If enough people request it, Ill make a video on it

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

      please do@@toluvictor

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

      Hi . The Side navbar video is now live. Check it out here. ua-cam.com/video/2K2TTEaw_N4/v-deo.html

  • @aducaale328
    @aducaale328 6 місяців тому +1

    Amazing content. Thank you brother.

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

    Great video, how do you reset the combo box in the container? I tried with Reset(ComboBox1), but the container make problems.

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

      Hi, any input control inside a form cant be reset individually it has to be reset using ResetForm()

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

    I noticed that reset function is no longer on the modern look

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

    Love your videos!! Keep up the great work

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

    Hi! thanks for this amazing video!
    Is it possible to make a template with this custom design? like make a component of a Form control, I need to replicate this but every time I insert a form I just have to reapply all the customization. Is it possible? Thanks!

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

      Hmm. I've actually not thought of it that way. It should be possible, but it would need a bit of work to set up

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

    Do you make good money as a powerapp developer?

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

    Great video. I have a question. On modern Forms, person dropbox doesn't work properly. I want to have ability to assign an owner to a "ticket". In the classic look, combo box looks fine and I can just choose one of the users in our company, but when i use the modern variant i just get 4-5 digit numbers instead name and surname. Is there a way to fix this?

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

      Hi. For most of the modern controls, if you're seeing those 4-5 digit numbers, just make sure to add the field you want to show in the control and make it top of the list. This is similar to how the classic form control works where you need to add a field for it to show in the form

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

    If I use the form once, everything works, but from the second time onwards the page has to be refreshed because the containers and the controls are suddenly 1 pixel in size and I can't see anything. Does anyone know why this is?

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

    With the modern edit form when i save its not saving data(first time it works then no more saving) when i put modern its works perfectly, did you see that before ?

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

    Hi, beautiful video,,,, Thanks for sharing. I am new to Power Apps. I want to know if I use Dataverse which is Premium connector or DataTable. If I share my app with someone who is not having power apps premium license, will my app still work with the user? is there any workaround to this problem?

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

      Hi. Yes, the app users also need licenses if you use a premium connector

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

    i loved the video and i hope you do more using the new tools

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

    Ran into an issue with modern Radio control On Select property no longer seems to work... Classic radio works with no issue. Specifically when trying to deselect a currently selected radio button.

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

      Hi, the modern controls are still in preview, so you may encounter some bugs or issues for some specific controls, however with time all these should be resolved

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

    Amazing video on UI / UX, great work 🎉🎉

  • @eyoborelvis8224
    @eyoborelvis8224 10 місяців тому +1

    Love you’re videos❤

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

    When I move my DataCardValue filed into a container the ResetForm() function no longer works and I am unable to reset the form. Does anyone know of a fix for this?

  • @AbdinajibRoble
    @AbdinajibRoble 6 місяців тому +1

    Hi, Any trick to save this format as a template and just change the data source to accommodate different data source. thanks

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

      I've considered this, but haven't really thought about it in depth. There should probably be a way

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

      @@toluvictor Thank you - this would be way more saving time for us with a lot of forms and data cards. 🙏

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

    I like your dark theme color choice
    Do you recommend any dark mode generators or websites ?

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

      Thanks. Not really I just search the dark theme color combinations on Google and go through different images till I find one I really like

  • @b326yr
    @b326yr 10 місяців тому +1

    You do not need the music, please!!. Great Video

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

      👍I'll try to reduce the intro music volume

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

      @@toluvictor thanks for your response, appreciated.

  • @OMorales-pe4xq
    @OMorales-pe4xq 2 місяці тому

    Man if you are new to Power Apps you are too late. Modern Controls were created for all new users to make apps easy until Co-Pilot doesn't need you and will make the apps itself. If you are a glutton for punishment and want to "catch up" only use Classic controls and learn these inside and out. Those are the controls that will allow you to make anything. Learning curve is STEEP, Awesome video. Your design skills are really good. Tip though, if you use responsive 2-way scroll, the card option is just a bonus, but not really necessary. Everything else is fantastic.

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

    Can you page through the controls, like a wizard? Or just have all fields on a single page?

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

      Hi. If you're referring to a multi-screen form. I have a tutorial on how to do that. Check it out here
      ua-cam.com/video/57Jo4py3yPU/v-deo.html

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

      @@toluvictor Thx!

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

      @@toluvictorThx!

  • @heelgaster5552
    @heelgaster5552 10 місяців тому +1

    What is the exact hexadecimal number for the background color

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

      The blue is RGBA(9,15,37,1)

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

      Thank you so much, you are a legend.

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

    Hi Victor. Can you please explain how you manage to insert icons on your buttons ? I tried to add images but the mouse pointer changes over the image. It feels like the image/icon is not clickable.

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

      I explained how to create custom buttons in this video. ua-cam.com/video/dNGlFA6yNvg/v-deo.html

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

    Great video brother. Keep up the good work 💪

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

    I am facing issue with BorderColor Property in Modern control form , I have text input , If Is blank text input I want to change color to red, but it is not working

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

      I cant really know what exactly is causing your issue but please make sure you're referencing the right text input. Also make sure you're using the correct logic and it isn't inverted

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

    9:29 This is the beauty of a leader

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

      And yeah for a reply 😃
      Your tutorials are top notch 🫡🫡🫡
      #India

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

    Hi Tolu,
    Can you make a form for uploading new candidate details while applying for a Job by using this all Required field which is taken from 2-3 tables with Attached resume, Image, State ID name and number, Total exp, relevant exp, last working days, Name , Number, Email, Location, Preferred location, Job Role, Job ID(lookup col), Skill ID(lookup col), Skill Name, Role Name, Current Organization, Current CTC, Expected CTC
    Thank you

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

      If I have cause to do another forms video, I would consider this👍

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

      Yes, Please@@toluvictor

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

    Hi Tolu, can you share the app you build for reference?

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

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

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

    Amazing as always!

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

    0:52
    Can you please help if you have any videos posted on this view.
    I am trying to achieve something similar.
    Thank you

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

      Hi Check out this videos
      1. ua-cam.com/video/A-s0V5OpHDY/v-deo.htmlsi=37Q7S7lvNlLM3OdP
      2. ua-cam.com/video/usTGrplF48I/v-deo.htmlsi=Cd2mEFJHRwbPhP3p

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

    The snippet where the Classic form control slapped the modern form control got me laughing lol

  • @hespinosx2
    @hespinosx2 6 місяців тому +1

    won the like with the 10:31 meme lol

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

    I use a custom made gallery to generate forms instead of forms

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

      That's cool. That would be a great approach for dynamic forms

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

      @@toluvictor yes you can have date pickers etc to add dynamically and can have custom elements depending on table properties. You can also let you end user edit the forms themselves

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

    Thanks

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

    Are you available for custom work?

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

      Hi. Yes I am. Contact me via LinkedIn or my email sanwoolutolu@gmail.com and we can work something out

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

    Very helpful! Thanks

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

    Thanks!

  • @rocker-trading
    @rocker-trading 10 місяців тому

    Congratulations for Video !!!

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

    is the app created as a blank canvas app or created using figma
    ?

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

      It was created as a blank canvas app

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

      But I can't find the modern setting anywhere. Do you use a premium account or something?

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

      No. Preview features are available to the general public

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

      @@toluvictor where can i find the modern option then? i followed the steps shown in the video and i cant find it

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

    Sorry to ask this , but is it possible to get the extract of the app

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

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

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

    Superb video!

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

    Hello where I can find the Data?

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

      Hi Channel members get access to a solution download which contains the canvas app and dataverse data model I used. You can import the solution into your developer environment

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

    4:02 is awesome 🤣😂

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

    first!
    keep it going my guy!

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

    Great app. How can I be a client? Tried reaching you on LinkedIn but didn't hear back

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

      You can send me an email sanwoolutolu@gmail.com

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

    Thanks!

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

      Thank you so much for the super chat