Tutorial of Responsive UI in Canvas App - Browser, Mobile, Tablet
Вставка
- Опубліковано 5 жов 2024
- 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 - Наука та технологія
Great Vinay. After watching your tutorials, I totally forgot the fear of UI designs. Thanks a lot and keep making such tutorials.
@@ZeeshanSyed-u3e most welcome... Soon will cover more such videos on UI✅
Awesome, thanks I learned so much ! please upload more videos
Most welcome and thank you for being part of LMC💯💫
Nice brother 🎉🎉
You are sharing very good knowledge....👌👌👌
Keep it up ☺️
Thanks for all your love and support 💯💫...
very helpful sir keep making the content
1.pls make video on permission and security roles in power apps and dataverse , Automate
Thank you brother, sure I will post next video in this topic only
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
Most welcome, I appreciate your comment ✨...
Can you please mail me at lastminutescode@gmail.com
For any customisation in your app please mail me. And use screenshots if possible
Nice work Vinay,
I was wondering you have 2 screens 1 tablet and 1 mobile
Is there a way to switch it when you are on mobile the app will you open screen2 if not screen1
Thank you.
Thankyou 💫...
Yeah there are lot of ways you can implement that... One is App.Screensize property if screen size is 3 or 4 then it is landscape mode and if screen size 1 or 2 then it is portrait mode.
App.Orientation property is also there which return Vertical or Horizontal depending on the device we are on.
Condition is If we have Phone device then Orientation will be Vertical else it will be Horizontal.
Hope this helps,
Regards!!
Awesome, I will definitely try it out
Can't wait for any new video ;) keep up the great work.
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?
@@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
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.
Great lesson Vinay
Awesome, Thanks!!
That is nice please make more videos
Thanks, sure I will!!!
Just stared watching .❤
Great, do share the feedback!!
Really interesting video. Well spent one hour for me.
@@kiruthikarajan7397 Glad you liked it. Thankyou!!
Awsome🎉
Thanks buddy!!