Build Responsive Form WITHOUT Form Control in Power Apps | Full Canvas App Walkthrough (EP 7.2)
Автор: Dhruvin Shah
Загружено: 2025-07-19
Просмотров: 0
🎯 In Episode 7.2 of the Responsive Power Apps series, learn how to build a fully responsive form from scratch in Power Apps without using the built-in form control! 💪
You’ll discover:
➤ How to use modern controls and containers to create a dynamic layout
➤ How to implement responsive wrapping
➤ How to use the Patch() function for saving data
➤ How to handle edit mode and default values
➤ BONUS: Add a reset feature and dynamic spacing using screen size detection
📁 Homework: Add required field validations and submit via the folder linked in the video description.
📌 Chapters with Timestamps
00:00 🔹 Introduction & Why Form Without Form Control
01:40 🔹 Preview of the Custom Responsive Form
03:15 🔹 Starting from a Template & Removing Form Control
06:30 🔹 Fixing Errors After Removing Form
08:30 🔹 Planning Container Layout: Vertical vs Horizontal
11:50 🔹 Adding First Header (Basic Information)
15:20 🔹 Adding Roadway Name & Inspector Name Inputs
20:00 🔹 Making It Responsive with Wrap & Dynamic Height
23:45 🔹 Adding Inspection Date & Location Fields
27:50 🔹 Creating Second Section Header (Defects)
30:20 🔹 Adding Signature & Surface Condition Dropdowns
35:15 🔹 Building Single-Column Layout for Other Issues
38:30 🔹 Adding Inspector Comments (Multiline Text)
41:15 🔹 Adding Dynamic Blank Space for Layout
44:50 🔹 Responsive Testing (Mobile & Desktop Views)
46:30 🔹 Implementing Patch Function for Save & Edit
56:10 🔹 Reset Button Functionality
59:40 🔹 Homework: Required Field Validations
01:01:00 🔹 Final Testing & Outro
✨ Key Takeaways
🔸 Learn how to build a fully custom form with modern controls
🔸 Understand container-based responsive design in Canvas Apps
🔸 Apply Patch with IfError for both new and edit scenarios
🔸 Add default values based on mode using variables like newMode and currentItem
🔸 Add a reset button and conditional visibility using screen size
👉 Join Premium Membership using this Link.
/ @iamdhruvinshah
📥 Download all Resource Files: https://shorturl.at/TOMnA
Submit Home work here: https://shorturl.at/TOMnA
👉 Full Playlist Link:
• Responsive Power Apps Complete Beginner Tu...
👨💻 Host & Producer:
Follow my other channel for short content: @DigitalDhruvin
Follow me on Instagram: / powerplatformguy
Looking for a Consultancy? Connect Here! https://powerplatformtrainings.com/co...
Follow me on all social Media Handles: https://linktr.ee/dhruvin.shah
👉 Join Premium Membership using this Link.
/ @iamdhruvinshah
#PowerApps #CanvasApp #ResponsiveDesign #NoFormControl #LowCode #PowerPlatform #ModernControls #PatchFunction #powerappstutorial
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: