How to Design MODERN looking PowerApps forms : Beginner to Advanced

Sdílet
Vložit
  • čas přidán 5. 06. 2024
  • Learn to how to create modern-looking forms and form layouts in PowerApps.
    Follow me on LinkedIn: / victorsanwoolu
    Video ID: #PP_0007
    📥 App and Dataset Download for Members (on CZcams or Patreon):
    Members get exclusive access to download the apps, flows, or components featured in this video!
    For CZcams 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:
    CZcams- / @toluvictor
    Patreon- / toluvictor
    Videos and Playlists referenced in the Video
    Modern Powerapps UI Series: • Modern Powerapps UI Se...
    How to create reusable Form Tabs or Form Sections in Power Apps : • How to create reusable...
    How to Convert ComboBox to Checkbox in PowerApps: • How to Convert ComboBo...
    Side Navbar Video: • How to create a Modern...
  • Věda a technologie

Komentáře • 155

  • @toluvictor
    @toluvictor  Před 5 měsíci +14

    Hi Everyone. The Side navbar video is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

    • @banihas22
      @banihas22 Před 4 měsíci

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

    • @toluvictor
      @toluvictor  Před 4 měsíci +3

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

    • @iangrant3615
      @iangrant3615 Před 4 měsíci

      Fantastic thank you. I love your work!

  • @grimstar8577
    @grimstar8577 Před 6 měsíci +41

    We definitely need that side navbar video.

    • @toluvictor
      @toluvictor  Před 6 měsíci +14

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

    • @jasonmenendez4568
      @jasonmenendez4568 Před 6 měsíci

      Would love to see how you did the side nav

    • @arunv1909
      @arunv1909 Před 6 měsíci

      @@toluvictor pls , the side nav bar is needed

    • @petervanvliet1192
      @petervanvliet1192 Před 6 měsíci

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

    • @dominicputka638
      @dominicputka638 Před 6 měsíci

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

  • @HippyAITech
    @HippyAITech Před 6 měsíci +15

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

  • @ammarshahkar
    @ammarshahkar Před 6 měsíci +1

    The timing is just amazing

  • @bellam2413
    @bellam2413 Před 6 měsíci +3

    Thank you, Tolu, your design skills are spectacular!

  • @akereleclement3262
    @akereleclement3262 Před 6 měsíci +1

    Thanks for this amazing input of knowledge

  • @pratikdarak8863
    @pratikdarak8863 Před 6 měsíci +2

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

    • @toluvictor
      @toluvictor  Před 6 měsíci

      👍

    • @toluvictor
      @toluvictor  Před 5 měsíci

      Hi . The Side navbar video is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

  • @jamescruz1896
    @jamescruz1896 Před 4 měsíci +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!

  • @eyoborelvis8224
    @eyoborelvis8224 Před 6 měsíci +1

    Love you’re videos❤

  • @benjaminheldorf2912
    @benjaminheldorf2912 Před měsícem +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!

  • @reynaldikarundeng974
    @reynaldikarundeng974 Před 6 měsíci +3

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

    • @toluvictor
      @toluvictor  Před 6 měsíci

      😅😅. I definitely need to do better

  • @gitdoge523
    @gitdoge523 Před 2 měsíci +1

    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  Před 2 měsíci

      😂😂😂😂Thanks a lot for the support.

  • @KrishnaKumar-wh9ks
    @KrishnaKumar-wh9ks Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 6 měsíci

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

  • @mohamedmoez4408
    @mohamedmoez4408 Před 5 měsíci

    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

  • @NoHarmDunn
    @NoHarmDunn Před 6 měsíci +1

    You deserve more subs, this is great content.

  • @Eng.Falafel
    @Eng.Falafel Před 6 měsíci +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 Před 3 měsíci

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

    • @toluvictor
      @toluvictor  Před 3 měsíci +1

      🔥🔥 happy you could learn something.

  • @aducaale328
    @aducaale328 Před 2 měsíci +1

    Amazing content. Thank you brother.

  • @craigwhite5429
    @craigwhite5429 Před 5 měsíci +1

    Love your videos!! Keep up the great work

  • @SimmsLive
    @SimmsLive Před 6 měsíci +2

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

    • @toluvictor
      @toluvictor  Před 5 měsíci

      Hi . The Side navbar video is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

  • @rocker-trading
    @rocker-trading Před 6 měsíci

    Congratulations for Video !!!

  • @steventhawe1598
    @steventhawe1598 Před 5 měsíci

    Great video brother. Keep up the good work 💪

  • @mickyslim1000
    @mickyslim1000 Před měsícem

    Amazing as always!

  • @user-gs2go2ut5u
    @user-gs2go2ut5u Před 4 měsíci

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

  • @rorodriguez5358
    @rorodriguez5358 Před 5 měsíci

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

  • @ByronBennett
    @ByronBennett Před 20 dny

    Very helpful! Thanks

  • @lalasahebgaikwad1154
    @lalasahebgaikwad1154 Před 4 měsíci

    Amazing video on UI / UX, great work 🎉🎉

  •  Před 23 dny

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

  • @StevePhilp79
    @StevePhilp79 Před 6 měsíci

    Superb video!

  • @semajnitram
    @semajnitram Před 5 měsíci +1

    side navbar video would be great, yes please!

  • @kimberlylanford801
    @kimberlylanford801 Před 3 měsíci

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

  • @alexandermcmurrin5602
    @alexandermcmurrin5602 Před měsícem

    Thanks!

  • @user-vw1ow5fl4e
    @user-vw1ow5fl4e Před 5 měsíci

    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  Před 5 měsíci

      Thanks for the kind words.

    • @toluvictor
      @toluvictor  Před 5 měsíci +1

      Hi . The Side navbar video is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

  • @RogzielLP
    @RogzielLP Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 5 měsíci

      😊 Thanks

    • @toluvictor
      @toluvictor  Před 5 měsíci +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

  • @mariapaulaself
    @mariapaulaself Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 6 měsíci +1

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

  • @banihas22
    @banihas22 Před 4 měsíci

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

  • @jenwearing3076
    @jenwearing3076 Před měsícem

    Thanks

  • @walesbe1028
    @walesbe1028 Před 6 měsíci

    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  Před 5 měsíci

      Thanks 😇

    • @toluvictor
      @toluvictor  Před 5 měsíci

      I have shown the app with a light theme pallette in this video. Check it out here czcams.com/video/2K2TTEaw_N4/video.html

    • @walesbe1028
      @walesbe1028 Před 4 měsíci

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

  • @kaylaguedes6211
    @kaylaguedes6211 Před 5 měsíci +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  Před 5 měsíci +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 Před 5 měsíci

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

  • @CesaretDL
    @CesaretDL Před měsícem

    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?

  • @MrKhulaid
    @MrKhulaid Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 6 měsíci +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

  • @ammadkhan4687
    @ammadkhan4687 Před 4 měsíci

    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  Před 4 měsíci

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

  • @bilalrafique8975
    @bilalrafique8975 Před 6 měsíci +1

    Fantastic As Usual. Please try to slow your speed 😛

    • @toluvictor
      @toluvictor  Před 6 měsíci +1

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

  • @walesbe1028
    @walesbe1028 Před 5 měsíci

    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  Před 5 měsíci

      I explained how to create custom buttons in this video. czcams.com/video/dNGlFA6yNvg/video.html

  • @Bobby4thebroken
    @Bobby4thebroken Před 6 měsíci +1

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

    • @toluvictor
      @toluvictor  Před 6 měsíci

      👍

    • @toluvictor
      @toluvictor  Před 5 měsíci

      Hi . The first video in the Side menu series is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

  • @hespinosx2
    @hespinosx2 Před 2 měsíci +1

    won the like with the 10:31 meme lol

  • @VANDIK01
    @VANDIK01 Před 6 měsíci +1

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

    • @toluvictor
      @toluvictor  Před 6 měsíci +1

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

    • @daxteoh27
      @daxteoh27 Před 6 měsíci

      please do@@toluvictor

    • @toluvictor
      @toluvictor  Před 5 měsíci

      Hi . The Side navbar video is now live. Check it out here. czcams.com/video/2K2TTEaw_N4/video.html

  • @johnaweiss
    @johnaweiss Před 2 měsíci

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

    • @toluvictor
      @toluvictor  Před 2 měsíci +1

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

    • @johnaweiss
      @johnaweiss Před 2 měsíci

      @@toluvictor Thx!

    • @johnaweiss
      @johnaweiss Před 2 měsíci

      @@toluvictorThx!

  • @alexw190
    @alexw190 Před měsícem

    4:02 is awesome 🤣😂

  • @danieliberi
    @danieliberi Před 6 měsíci

    first!
    keep it going my guy!

  • @daxteoh27
    @daxteoh27 Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 5 měsíci

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

  • @alexotoous
    @alexotoous Před 11 hodinami

    Do you make good money as a powerapp developer?

  • @KombiShumard
    @KombiShumard Před měsícem

    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 :)

  • @uzoruchenna4863
    @uzoruchenna4863 Před 6 měsíci

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

  • @AbdinajibRoble
    @AbdinajibRoble Před 2 měsíci

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

    • @toluvictor
      @toluvictor  Před měsícem +1

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

    • @AbdinajibRoble
      @AbdinajibRoble Před měsícem

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

  • @aaronphillips5159
    @aaronphillips5159 Před 13 dny

    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  Před 5 dny

      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

  • @heelgaster5552
    @heelgaster5552 Před 5 měsíci +1

    What is the exact hexadecimal number for the background color

  • @arunv1909
    @arunv1909 Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 5 měsíci +1

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

  • @angelo3108
    @angelo3108 Před 6 měsíci

    Are you available for custom work?

    • @toluvictor
      @toluvictor  Před 6 měsíci

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

  • @ZeyaulHoda
    @ZeyaulHoda Před 4 měsíci

    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  Před 4 měsíci +1

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

    • @ZeyaulHoda
      @ZeyaulHoda Před 4 měsíci

      Yes, Please@@toluvictor

  • @kevingeorge3075
    @kevingeorge3075 Před 4 měsíci

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

    • @toluvictor
      @toluvictor  Před 4 měsíci

      It was created as a blank canvas app

    • @kevingeorge3075
      @kevingeorge3075 Před 4 měsíci

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

    • @toluvictor
      @toluvictor  Před 4 měsíci

      No. Preview features are available to the general public

    • @kevingeorge3075
      @kevingeorge3075 Před 3 měsíci

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

  • @matthewv4170
    @matthewv4170 Před 4 měsíci

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

    • @toluvictor
      @toluvictor  Před 4 měsíci

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

    • @matthewv4170
      @matthewv4170 Před 4 měsíci

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

  • @edrainiery
    @edrainiery Před 4 měsíci

    Hello where I can find the Data?

    • @toluvictor
      @toluvictor  Před 4 měsíci

      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

  • @b326yr
    @b326yr Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 6 měsíci +1

      👍I'll try to reduce the intro music volume

    • @b326yr
      @b326yr Před 6 měsíci

      @@toluvictor thanks for your response, appreciated.

  • @angelo3108
    @angelo3108 Před 6 měsíci

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

    • @toluvictor
      @toluvictor  Před 6 měsíci

      You can send me an email sanwoolutolu@gmail.com

  • @schattedaenker
    @schattedaenker Před měsícem

    Thanks!

    • @toluvictor
      @toluvictor  Před měsícem

      Thank you so much for the super chat