How to Design MODERN looking PowerApps forms : Beginner to Advanced
HTML-код
- Опубликовано: 24 июл 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 RUclips or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!
For RUclips 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:
RUclips- / @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... 
Наука
![Young Nudy - John Wayne (feat. Metro Boomin) [Official Video]](http://i.ytimg.com/vi/NY8HnYYo2fo/mqdefault.jpg)
Hi Everyone. The Side navbar video is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
At this speed of content output you'll catch up to senpai Reza in no time😄
😅😅Maybe one day. Let me stay on my lane for now
Fantastic thank you. I love your work!
We definitely need that side navbar video.
Cool. If it gets more traction, I'll work on the video
Would love to see how you did the side nav
@@toluvictor pls , the side nav bar is needed
Totally agree, we need to know this!!! :)
I can’t believe this is even a question. Of course we want the side bar video!
Thank you for covering this topic! UI and UX are two severely lacking topics within the Power Apps content creator community.
The timing is just amazing
Thanks for this amazing input of knowledge
Thank you, Tolu, your design skills are spectacular!
😇
Love you’re videos❤
Yes, we need video on side navbar. Thank you for sharing this type of cool stuff !
👍
Hi . The Side navbar video is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
Finally!
After 4 months no updates from you.
Great video as usual bro 🎉
😅😅. I definitely need to do better
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!
😂😂😂😂Thanks a lot for the support.
Love your videos!! Keep up the great work
Thanks Craig
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!
Great to be of help
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!
Glad it was helpful!
Please post videos every week and this is best UI video !!
Every week is not possible for now due to other engagements, but I'll be increasing my upload frequency
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
Thanks a lot
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!
Thank you! Kickass video. Finally now my powerapp form can look as nice as a msform but with all the powerapp functionality
🔥🔥 happy you could learn something.
You deserve more subs, this is great content.
Thanks a lot
Amazing content. Thank you brother.
Glad you liked it!
As someone who is particular about design aspects in Power Apps, I love your eye for detail and design. Fantastic videos
Thank you 🫡
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 :)
Thanks
Congratulations for Video !!!
Great video brother. Keep up the good work 💪
Thanks! Will do!
Amazing video on UI / UX, great work 🎉🎉
Thanks 😇
Amazing as always!
Thanks 😇
Tolu you dey give me joy.
Love from Toronto and naija at the same time
Thanks boss 💪💪
You're awesome. I request the left nav bar too!
Hi . The Side navbar video is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
i loved the video and i hope you do more using the new tools
Definitely 👍
Superb video!
Thanks 😇
Very helpful! Thanks
You're welcome!
9:29 This is the beauty of a leader
And yeah for a reply 😃
Your tutorials are top notch 🫡🫡🫡
#India
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.
Thanks for the kind words.
Hi . The Side navbar video is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
awesome content, thank you very much! could you please make a video on how to make creative buttons and different elements?
The video already exists. Check the playlist I quoted in the video description
just started with powerapps and found your channel, amazing UIs that you create! keep it up
please share some components, if possible 🙏
😊 Thanks
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
side navbar video would be great, yes please!
👍
Amazing work Tolu! My only suggestion would be to slow down a bit for us beginners.
Got that 👍
Thanks!
Thank you so much for the super chat
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?
Great video, how do you reset the combo box in the container? I tried with Reset(ComboBox1), but the container make problems.
Hi, any input control inside a form cant be reset individually it has to be reset using ResetForm()
Thanks
Thank you so much
Could you do a video showing how you created the display of all forms you showed at the beginning of the video?
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?
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!
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
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 :)
Nice tip. Thanks
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?
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
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!
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
Ah that makes sense. Very clever, thank you for clarifying!@@toluvictor
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.
Thanks 😇
I have shown the app with a light theme pallette in this video. Check it out here ruclips.net/video/2K2TTEaw_N4/видео.html
@@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.🙏
first!
keep it going my guy!
Thanks bro
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.
I explained how to create custom buttons in this video. ruclips.net/video/dNGlFA6yNvg/видео.html
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?
Hi. Yes, the app users also need licenses if you use a premium connector
Fantastic As Usual. Please try to slow your speed 😛
Thanks for the feedback. I'll try to do that in my subsequent videos
won the like with the 10:31 meme lol
😂😂😂
I like your dark theme color choice
Do you recommend any dark mode generators or websites ?
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
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.
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
I would love to know how you did the collapsible side menu
👍
Hi . The first video in the Side menu series is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
Hi, Any trick to save this format as a template and just change the data source to accommodate different data source. thanks
I've considered this, but haven't really thought about it in depth. There should probably be a way
@@toluvictor Thank you - this would be way more saving time for us with a lot of forms and data cards. 🙏
0:52
Can you please help if you have any videos posted on this view.
I am trying to achieve something similar.
Thank you
Hi Check out this videos
1. ruclips.net/video/A-s0V5OpHDY/видео.htmlsi=37Q7S7lvNlLM3OdP
2. ruclips.net/video/usTGrplF48I/видео.htmlsi=Cd2mEFJHRwbPhP3p
4:02 is awesome 🤣😂
😂😂😂
The snippet where the Classic form control slapped the modern form control got me laughing lol
😅😅
Can you page through the controls, like a wizard? Or just have all fields on a single page?
Hi. If you're referring to a multi-screen form. I have a tutorial on how to do that. Check it out here
ruclips.net/video/57Jo4py3yPU/видео.html
@@toluvictor Thx!
@@toluvictorThx!
Nice video, where I can find the left nav component? thanks
That tutorial video doesn't exist yet . If enough people request it, Ill make a video on it
please do@@toluvictor
Hi . The Side navbar video is now live. Check it out here. ruclips.net/video/2K2TTEaw_N4/видео.html
Hi Tolu, can you share the app you build for reference?
All apps from my videos are now available to channel members. Search the Membership or Community tab for the solution download links.
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
If I have cause to do another forms video, I would consider this👍
Yes, Please@@toluvictor
Sorry to ask this , but is it possible to get the extract of the app
All apps from my videos are now available to channel members. Search the Membership or Community tab for the solution download links.
What is the exact hexadecimal number for the background color
The blue is RGBA(9,15,37,1)
Thank you so much, you are a legend.
Do you make good money as a powerapp developer?
I use a custom made gallery to generate forms instead of forms
That's cool. That would be a great approach for dynamic forms
@@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
Are you available for custom work?
Hi. Yes I am. Contact me via LinkedIn or my email sanwoolutolu@gmail.com and we can work something out
Hello where I can find the Data?
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
is the app created as a blank canvas app or created using figma
?
It was created as a blank canvas app
But I can't find the modern setting anywhere. Do you use a premium account or something?
No. Preview features are available to the general public
@@toluvictor where can i find the modern option then? i followed the steps shown in the video and i cant find it
You do not need the music, please!!. Great Video
👍I'll try to reduce the intro music volume
@@toluvictor thanks for your response, appreciated.
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.
Great app. How can I be a client? Tried reaching you on LinkedIn but didn't hear back
You can send me an email sanwoolutolu@gmail.com
Thanks!
Thanks a lot