Inventory App Completely Modern & Beautiful! Power Apps Entire App Creation

It's time to create a complete "Modern" Power App using Modern Controls for an Inventory. It is recommended to go fully modern so that your UI/UX will match all of your old forms. This way when you have to manual update your old Power Apps you will not have as much work.

The main 2 topics that I wanted to go over was making the Power App look like the CoPilot UI/UX. Then #2 was to make the app responsive and to move the 2nd container after the 1st container only when in mobile.

This is a complete Inventory App where you can add group of items to your inventory at a time. Maybe next time we could design the app to add more than 1 item. But this this Power App we wanted something quick and easy! And Boom done in 30 minutes!

Chapters:
0:00 Introduction
1:08 Turning on Modern & Responsive
1:50 Creating the Container Structure
5:30 Adding our Title Text & Label
7:15 Setting Padding & Gap
10:39 Inserting our Form's Modern Texts & Labels
16:15 Adding People Picker
18:00 Where the Save Button Should be
19:15 Fixing how the 2nd Container fits on Mobile
20:30 Adding an Icon to the Next Page
23:53 Adjusting the Gap based on ScreenSize
25:18 Writing a Patch Statement
28:00 Our Success Screen
31:10 Conclusion

[andrewhess]

What do you think? Like the UI/UX? I really like this one especially with the shadows! I know this was a simple inventory app but you could modify it for your custom Forms. The ideas shared can reproduced for your use case!

[williamsenterprises]

As a beginner it would be helpful to quickly go over the mundane steps as you are walking through them...i.e. move 2 containers into one, change inserted item from vertical to horizontal etc.

[markperrah]

Nice work Andrew. I like the idea you hinted at to give each input a reset variable then on save change it to true.
Also you can use a single icon for the small screen situation and change icon display depending on the size and which container is visible with variables.
Enjoy your videos, keep them coming. :)

[aspirethrissur]

Great content on responsive Power Apps UI/UX. Thank You.

[Mrkeithhunt]

Nicely done, Andrew! Keep being awesome! 😎🤘

Thanks for the wonderful video !
Could you drop us one example - how to patch if I have a lookup choice column from different SP list ?

[chrisbani]

Hi Andrew. Great tutorial. I was wondering, could we have a video of creating a recon APP? For instance, if I need to reconcile/lookup assets on the floor and match them to my Master Asset register (Data source) using the OnScan. Is that possible?

[fastcookingtechniques]

how can we made the container slide in or slide out on mobile screen instead of create next button and back button?

[UncleBubba]

Nice video, but your volume is _really_ low.

[supremeball]

Can you make it complete by adding lists, edit and search.. Thank you so much.. subscriber here

[kmuralikrishna]

Appreciated, But When I added any Icon over the Container_2, instead TextCanvas its not displaying properly.Any assistance on how to manage Icons over container please ?

[ayawo]

Hi Andrew, Thanks for the video.
I am not able to able to get the Power app to work in Modern themes. Is there any way I can get that

[lot]

thanks for the video and I have quick question. I have three containers, Container1, Container2 and Container3, and I put Container2 and Container3 inside the Container1 just like you did. So I select Container3 and make the Visible to this statement "If(Screen1.Size=ScreenSize.Small, false, true)" and preview the project, it works like your demonstration, but when I stop previewing the project and go back to the design mode, it only shows only Container2, and Container3 not showing. Unless I change If(Screen1.Size=ScreenSize.Small, true, true) then Container2 and Container3 appear in the design mode.. am I missing something here? because somehow this statement If(Screen1.Size=ScreenSize.Small, false, true)" is also executed in design mode, not just in the preview mode

[muhammadasyrafafiqbinamri]

Sorry may I ask, Why my code on save button still cant work😢

[williamstokinger]

How are you dropping 2 containers into 4?

[aneeshpc]

I have 3 lists, item, IN & OUT all lists have Item_code column common, I want to update the stock availablity in item list automatically while running my powerapps
Total sum of group by item_code IN list - Total sum of group by item_code OUT list, anyone can help