Responsive containers & the elevation control
Vložit
- čas přidán 25. 07. 2024
- After demonstrating how you can create apps that look native to model-driven apps at the Power Platform Conference, I was asked by so many to 'show me the code!' - here is part 1 of a series where I'll walk through the techniques that I used!
👉aka.ms/creatorkit
✅ Responsive Containers • Responsive containers ...
✅ Responsive Grid with adaptive columns • Dataverse Grid Control...
✅ Dataverse Delegable Paging in Power Apps
• Dataverse Delegable Pa...
✅ Multi-value filtering using a Tag Picker • How to create multi-va...
✅ Command Bar and model-driven navigation in custom pages
• Command Bar and model-...
#powerapps #powerplatform #msdyn365 #powerfx
0:00 Introduction
0:52 Demonstration of Creator Kit application
4:13 Show me the money and AI!
5:54 Types of containers
8:40 Elevation container
10:06 Adding creator kit components to your app
11:10 Configuration of containers
12:44 Wrapping
13:54 Moving child components inside containers
14:13 Dynamic height/width
16:58 Adding gaps/padding
18:40 Standard containers
21:30 Elevation backgrounds
22:24 Summary and next episode - Jak na to + styl
Scott I loved this demo at Power Platform Conference! The Jerry McGuire reference was so funny. Amazing work!
Thank you so much Clare - I wonder where else Power Apps was being used in the 90’s 😂
Thanks 🙏🙏🙏
Excellent video as always Scott! I've noticed you seem to have the model-driven form section in which is the embedded custom page with perfect height somehow, is there a trick to achieve this across different screen sizes or is it just that your demo is excellently prepared? Because I am able to achieve this on a specific screen size but seems there is no way to do this automatically.
Thanks a lot in advance if you get a chance to reply!
Scott I'm wondering how to you manage to open the side pane on click of row on fluent grid. I have similar requirements like when I click button inside custom page either side pane or dailog inside the custom page.. Do you have blog or approach you can suggest me so i try ?
Hi Rajesh - there are two approaches I use - 1 to use JavaScript to open the side panel on select of a row in the standard model driven grid - or 2 show a responsive container when a row is selected inside the same custom page. Sounds like a good topic for another video thank you!
@@ScottDurow Thanks Scott for your suggestion.. Hoping to see this next video 😍 Also you suggest approach for multiple developers can work on same custom page ..
Hi Scott, thanks for the great video! Apologies if this has been covered somewhere else but had 2 questions I was wondering if you could help with/point in the right direction.
1. How do you have custom tab headers on the form with icons and count of child items?
2. How is the page embedded into the form? Is this using a static app ID? If so, how is this managed when moving across environments (if using managed!)
Thanks in advance if you have time to respond!
Hi Stephen - thanks for watching and great questions! 1 - the icons are simply emojis in the tab name - works great! 2 - it is using the embedded app form control - you provide an app unique name which then resolves to the correct app id when deployed to a different environment.
@@ScottDurow thank you!
Are container similar to DIV in html?
Yes, exactly - they are actually rendered as a DIV at runtime.