Tutorial of Responsive UI in Canvas App - Browser, Mobile, Tablet

Learn to create Responsive User Interface (UI)/ Layout in Canvas App PowerApps.
A responsive Canvas App is one in which controls in the App can respond to different devices or screen sizes.
What You will learn in this video:
1. Create a modern form design
2. Create a responsive app UI design in canvas app
3. Create a Mobile as well as Tablet design of same UI
4. Learn about Horizontal and Vertical Responsive container in Canvas App to build a dynamic/ responsive UI
5. Learn about Container Properties - X, Y, Width, Height, Flexible Height etc.
Related Searches:
Create responsive layouts in canvas apps
Building responsive canvas apps
How To Build Responsive Power Apps Forms From Scratch
If you find this content valuable, Subscribe to this channel.
Thankyou!
#canvasapps #responsivedesign #responsivepowerapps #powerapps #ui #uidesign #uiux

[@almujjushaikh2301]

That is nice please make more videos

[@lastminutecoders]

Thanks, sure I will!!!

[@narendrakumarpappu6621]

should we add control (Label) for gap. dont we have any other alternative.Because in above screen you used almost 50 controls. we should not use morethan 500 controls in an app as per optimization.

[@ANURAG745]

Hi Vinay, the video is very informative, I have one question, what is use of max(app.height app.minscreenheight), max(app.height app.minscreenheight) Do we use this to check screen size of the device and opens an specific screen?

[@lastminutecoders]

@@ANURAG745 thankyou, Go to app -> MinScreenHeight property of your application you will see some number like 320. So max(App.height, App.MinScreenHeight) So which every number is big the app will take that. Most of the time your app.Height will always be greater than MinScreenHeight

[@mrholandia753]

thanks Viney, please i need help on this i have been watching almost all your videos, i appreciate your impact, how can someone see their own image on their home screen, for instead if a new user sign ups but did not include their image i want the image area to show and avatar image in place of Thiers

[@lastminutecoders]

Most welcome, I appreciate your comment ✨... Can you please mail me at [e-mail] For any customisation in your app please mail me. And use screenshots if possible

[@shaikhrijwan9322]

Nice brother 🎉🎉 You are sharing very good knowledge....👌👌👌 Keep it up ☺️

[@lastminutecoders]

Thanks for all your love and support 💯💫...

[@zaki-h4u]

very helpful sir keep making the content 1.pls make video on permission and security roles in power apps and dataverse , Automate

[@lastminutecoders]

Thank you brother, sure I will post next video in this topic only

[@vinothshankar4692]

Awesome, thanks I learned so much ! please upload more videos

[@lastminutecoders]

Most welcome and thank you for being part of LMC💯💫

[@ZeeshanSyed-u3e]

Great Vinay. After watching your tutorials, I totally forgot the fear of UI designs. Thanks a lot and keep making such tutorials.

[@lastminutecoders]

@@ZeeshanSyed-u3e most welcome... Soon will cover more such videos on UI✅

[@jamesmensah9031]

Great lesson Vinay

[@lastminutecoders]

Awesome, Thanks!!

[@kiruthikarajan7397]

Just stared watching .❤

[@lastminutecoders]

Great, do share the feedback!!

[@kiruthikarajan7397]

Really interesting video. Well spent one hour for me.

[@lastminutecoders]

@@kiruthikarajan7397 Glad you liked it. Thankyou!!

[@vikskan]

Awsome🎉

[@lastminutecoders]

Thanks buddy!!