How to Design MODERN looking PowerApps forms : Beginner to Advanced

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 KZbin or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!
For KZbin 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:
KZbin- / @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...

[@toluvictor]

Hi Everyone. The Side navbar video is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@banihas22]

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

[@toluvictor]

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

[@iangrant3615]

Fantastic thank you. I love your work!

[@grimstar8577]

We definitely need that side navbar video.

[@toluvictor]

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

[@jasonmenendez4568]

Would love to see how you did the side nav

[@arunv1909]

@@toluvictor pls , the side nav bar is needed

[@petervanvliet1192]

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

[@dominicputka638]

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

[@HippyAITech]

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

[@benjaminheldorf2912]

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]

Glad it was helpful!

[@reynaldikarundeng974]

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

[@toluvictor]

😅😅. I definitely need to do better

[@m365dev]

9:29 This is the beauty of a leader

[@m365dev]

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

[@jamescruz1896]

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!

[@toluvictor]

Great to be of help

[@ammarshahkar]

The timing is just amazing

[@gitdoge523]

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]

😂😂😂😂Thanks a lot for the support.

[@bellam2413]

Thank you, Tolu, your design skills are spectacular!

[@toluvictor]

😇

[@pratikdarak8863]

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

[@toluvictor]

👍

[@toluvictor]

Hi . The Side navbar video is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@eyoborelvis8224]

Love you’re videos❤

[@mohamedmoez4408]

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

[@toluvictor]

Thanks a lot

[@akereleclement3262]

Thanks for this amazing input of knowledge

[@SimmsLive]

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

[@toluvictor]

Hi . The Side navbar video is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@KrishnaKumar-wh9ks]

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

[@toluvictor]

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

[@NoHarmDunn]

You deserve more subs, this is great content.

[@toluvictor]

Thanks a lot

[@craigwhite5429]

Love your videos!! Keep up the great work

[@toluvictor]

Thanks Craig

[@rocker-trading]

Congratulations for Video !!!

[@ristom1]

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

[@toluvictor]

🔥🔥 happy you could learn something.

[@user-gs2go2ut5u]

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

[@toluvictor]

Thanks boss 💪💪

[@mickyslim1000]

Amazing as always!

[@toluvictor]

Thanks 😇

[@aducaale328]

Amazing content. Thank you brother.

[@toluvictor]

Glad you liked it!

[@Eng.Falafel]

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

[@toluvictor]

Thanks

[@steventhawe1598]

Great video brother. Keep up the good work 💪

[@toluvictor]

Thanks! Will do!

[@user-vw1ow5fl4e]

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]

Thanks for the kind words.

[@toluvictor]

Hi . The Side navbar video is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@lalasahebgaikwad1154]

Amazing video on UI / UX, great work 🎉🎉

[@toluvictor]

Thanks 😇

[@ByronBennett]

Very helpful! Thanks

[@toluvictor]

You're welcome!

[@rorodriguez5358]

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

[@toluvictor]

Definitely 👍

[@kimberlylanford801]

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

[@StevePhilp79]

Superb video!

[@toluvictor]

Thanks 😇

[@semajnitram]

side navbar video would be great, yes please!

[@toluvictor]

👍

[@mariapaulaself]

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

[@toluvictor]

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

[@banihas22]

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

[@toluvictor]

Got that 👍

[@RogzielLP]

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

[@toluvictor]

😊 Thanks

[@toluvictor]

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

[@schattedaenker]

Thanks!

[@toluvictor]

Thank you so much for the super chat

[@kaylaguedes6211]

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]

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]

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

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

[@toluvictor]

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

[@jenwearing3076]

Thanks

[@toluvictor]

Thank you so much

[@Bobby4thebroken]

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

[@toluvictor]

👍

[@toluvictor]

Hi . The first video in the Side menu series is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@MrKhulaid]

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

[@toluvictor]

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

[@bilalrafique8975]

Fantastic As Usual. Please try to slow your speed 😛

[@toluvictor]

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

[@walesbe1028]

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]

I explained how to create custom buttons in this video. kzbin.info/www/bejne/mn-qnXl3a96BrMk

[@CesaretDL]

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?

[@kimnegrette35]

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]

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

[@KombiShumard]

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

[@toluvictor]

Nice tip. Thanks

[@aaronphillips5159]

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]

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

[@walesbe1028]

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]

Thanks 😇

[@toluvictor]

I have shown the app with a light theme pallette in this video. Check it out here kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@walesbe1028]

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

[@VANDIK01]

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

[@toluvictor]

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

[@daxteoh27]

please do@@toluvictor

[@toluvictor]

Hi . The Side navbar video is now live. Check it out here. kzbin.info/www/bejne/aHyVhYd7ltyShJY

[@daxteoh27]

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

[@toluvictor]

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

[@AbdinajibRoble]

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

[@toluvictor]

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

[@AbdinajibRoble]

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

[@ammadkhan4687]

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]

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

[@danieliberi]

first! keep it going my guy!

[@toluvictor]

Thanks bro

[@johnaweiss]

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

[@toluvictor]

Hi. If you're referring to a multi-screen form. I have a tutorial on how to do that. Check it out here kzbin.info/www/bejne/a2itoGemrpishrc

[@johnaweiss]

@@toluvictor Thx!

[@johnaweiss]

@@toluvictorThx!

[@hespinosx2]

won the like with the 10:31 meme lol

[@toluvictor]

😂😂😂

[@alexotoous]

Do you make good money as a powerapp developer?

[@heelgaster5552]

What is the exact hexadecimal number for the background color

[@toluvictor]

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

[@heelgaster5552]

Thank you so much, you are a legend.

[@matthewv4170]

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

[@toluvictor]

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

[@matthewv4170]

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

[@arunv1909]

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

[@toluvictor]

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

[@angelo3108]

Are you available for custom work?

[@toluvictor]

Hi. Yes I am. Contact me via LinkedIn or my email [e-mail] and we can work something out

[@YTPremiumProdigy]

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]

Hi Check out this videos 1. kzbin.info/www/bejne/d17WYYlrhNV7erssi=37Q7S7lvNlLM3OdP 2. kzbin.info/www/bejne/q6S3eKWmoatnbqssi=Cd2mEFJHRwbPhP3p

[@ZeyaulHoda]

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]

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

[@ZeyaulHoda]

Yes, Please@@toluvictor

[@alexw190]

4:02 is awesome 🤣😂

[@toluvictor]

😂😂😂

[@edrainiery]

Hello where I can find the Data?

[@toluvictor]

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

[@uzoruchenna4863]

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

[@toluvictor]

😅😅

[@kevingeorge3075]

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

[@toluvictor]

It was created as a blank canvas app

[@kevingeorge3075]

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

[@toluvictor]

No. Preview features are available to the general public

[@kevingeorge3075]

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

[@b326yr]

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

[@toluvictor]

👍I'll try to reduce the intro music volume

[@b326yr]

@@toluvictor thanks for your response, appreciated.

[@angelo3108]

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

[@toluvictor]

You can send me an email [e-mail]

[@alexandermcmurrin5602]

Thanks!

[@toluvictor]

Thanks a lot