Design your Power Apps Forms | Form Control Tutorial

In this Power Apps Form Control Design tutorial video, I will showcase how to transform the out of the box Form Control styles (UI/UX).
We will improve the From Control design by updating fonts, colors, conditional formatting, highlighting data cards with validation errors, adding sections to PowerApps forms, created tabbed forms, creating backgrounds for form, bulk updating data cards for styling, changing control types - combo boxes to radio buttons, text controls to slider controls, modern fluent UI date picker control and more.
I will showcase a scenario with a SharePoint List and Power Apps Form Control.

PowerApps Tutorial Video on Form Designing includes the following:
✅ Working with Form Control and Data Cards
✅ Required field formatting for Data Cards
✅ Highlight Data Cards with Validation Errors
✅ Apply custom Fonts for Form Control and App
✅ Bulk update Data Card properties in Form Control
✅ Enhance Data Card UX by transforming controls - use Radio Buttons, Slider Control, Fluent UI Date Picker control
✅ SharePoint Choice Column as Radio list, SharePoint Number Column as Slider selector
✅ Build sections in Power Apps forms
✅ Build tabbed forms (show/hide data cards in form control)
✅ Form Design - Background Image, Fill, Relative Positioning, Colors etc.

Power Apps Form Control Playlist:

Download sample App:

#PowerApps #SharePoint #PowerPlatform #Design

Table of Contents:
00:00 - Introduction to designing Power Apps Forms
00:38 - PowerApps form control introduction and setup
02:48 - Start designing Power Apps Form Control
05:08 - PowerApps required field formatting (style updates - header, colors etc.)
11:28 - Updating font for Form Control in PowerApps
12:52 - Change Data Card control types for Power Apps (Combo box to Radio list)
14:20 - Update text control data card style to slider control style
15:47 - Update Date picker to modern fluent UI control styles
17:19 - Set Fill color property for all data card controls
17:32 - Create sections in Power Apps forms (custom card)
18:30 - Create Tabbed forms in Power Apps (split form into tabs when large number of columns)
21:34 - Highlight validation errors in Tabbed forms
22:58 - Subscribe to Reza Dorrani channel

🤝 Let’s connect on social:

[FleedX]

Dude this is the best power apps video I have ever seen. I have all the basics down, been building forms and streamlining processes for years. But with this one video, I have been able to take my apps to the next level! I can't thank you enough. I would give anything to sit in a 1 on 1 with you and just learn more tips and tricks like shown here. Bravo!

[simonball]

Another brilliant video. Loved the way you touched on previous content as a ‘recap’ and then moved into the new stuff. I’ll definitely be using some of your tips and tricks from now on.

Once again, you’re a true master and awesome teacher of this stuff Reza. Thank you once again.

[mohammadtauheed]

I had a lot of fields in my form and wanted to apply some changes to all the datacards and couldnt find a way to select all of them, and you just showed a trick of selecting all of them together and saved my time. Thanks Reza for always being extremely helpful and way ahead of others. Kudos to you

[komanglayang]

Thanks for the useful knowledge as always Reza, I do really like the new addition you add to your video here where you add "paused moments" giving details of each controls you're using. By the way, that's a neat trick you did there to select all data cards at once. Can't wait for your future videos!

[PeteRoesinger]

Thanks again Reza - I could add this comment to any of your power platform videos. I find you teaching style to be very useful and provides info to take my apps from clunkly to pretty slick. I tell everyone that you provide the ideas/codes/functions, I just transcribe them into my apps (and learn something in the process). Keep up the great work!

[hip]

I’ve tried multiple times to create a Power App and failed over the past year and a half. I watched this video this morning, and by the end of the day i finally have a working app. I just wanted to thank you and I look forward to watching through the rest of your content!

[samson]

Best Power Apps video for beginners as well as higher-level developers. Thank you, Reza!

[yxu]

Double whammy between this video and the last one on how to call the MS Graph API. But I'll always love these types of videos focused on the front-end of Power Apps. Thank you, Reza!

[rickyfuentes]

This is a such a game changer to make the design of powerapps so much more pleasing to eye. Thank you!

[MrBijusammathew]

Awesome Video Reza. Lots of ideas. As always you come up with something that is out of the box videos.

[jlemoo]

Lots of good stuff here; I'll probably refer back to this video later on again a few times. I did not know about the required property; I thought you had to set that on the backend SharePoint list. This will make my job easier.

[yttanel]

i needed this alot, especially the slider control since i tried doing it myself and i couldnt figure it out. Thank you so much Reza 😎

[lipedalle]

You rock! I watch all your videos, Reza.

[alibux]

Thanks so much Reza! Love all these tricks and tips!

[devanand]

Thank you so much Reza. Your video is our first point of reference for any new Power Apps challenges.

[iignfft]

Thanks Reza for always being extremely helpful and way ahead of others. this is the best power apps video I have ever seen

[jameso]

Perfect timing for this video because I was just about to replicate a large, multi screen MS form into a power app ☺️

Thankyou again for your insightful and clear teaching!

[GreyDob]

after seeing this, I need to update some of my previous APP designs for better performance, thanks Reza!

[al-omdaahmed]

Once again, killer video from an excellent tutor. Thank you very much for your effort and time!

[OpusMagnoCards]

Beautifully explained, thanks so much Reza!