How to build Responsive Power Apps | Responsive Layouts, Tabs, Galleries & Forms

This video is a step-by-step beginner’s tutorial for creating Responsive Canvas Power Apps. The responsive layout containers & screen templates will let us build truly responsive Apps that works across Desktop, Mobile and Tablet experiences. A responsive Power App is one in which controls in the App can respond to different devices or screen sizes.

Video covers key Microsoft PowerApps responsive UI design principles & concepts:
✅ Horizontal & Vertical Responsive Containers
✅ Container Properties – Stretch, Fill, Flexible width, Flexible height, etc.
✅ Screen Layout Templates
✅ Responsive Dynamic Tabs
✅ Responsive Gallery
✅ Responsive Form Control
✅ Responsive Filter Container Controls

My Responsive Design Playlist: https://www.youtube.com/playlist?list=PLTyFh-qDKAiHe6pHdlyBbRK1b44bNAAN_

Microsoft Blog Screen Size Property & Responsive PowerApps: https://powerapps.microsoft.com/en-us/blog/new-properties-for-responsive-canvas-apps/

Power Apps Role Based Security – https://youtu.be/J-hMMXrKMVE

Liked my gallery control designs, then check this video https://youtu.be/bnC8u3gdWss

Table of Contents:
0:00 – Introduction
0:39 – Responsive Canvas Power App Walkthrough
4:40 – Build a Responsive Power App
6:21 – Build a Responsive PowerApps Header
13:02 – Build Responsive Dynamic Tabs in Power Apps
24:22 – Build Responsive Gallery Control
30:06 – Add HTML control and make it responsive inside containers
30:36 – Make controls responsive in Power Apps & filter gallery data
37:39 – Responsive Dynamic Tabs formula
38:29 – Build Responsive Form Control
40:12 – Make responsive Apps based on screen size property – change text or font size
40:42 – Subscribe to Reza Dorrani channel

#PowerApps #ResponsivePowerApps #ResponsiveDesign

Partagez !

Autres articles

Populaires

  • All Posts
  • Drones
  • Le site
  • Les tutos
  • Mes Projets et réalisations
  • Non classé
    •   Back
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    •   Back
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    •   Back
    • Alfawise U20
    • Artillery Sidewinder X1
    •   Back
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    •   Back
    • Arduino (U=RI)
    • Arduino (Procuste)
    •   Back
    • Vidéos
    • Articles
    • Impression 3D
    • Drones
    • Développement et Programmation
    • Logiciels et Applications
    • Métrologie
    • Les Projets et réalisations
    • Serveurs
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    • Monter son drone
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    • Octoprint
    • Proxmox
    •   Back
    • Impression 3D
    • Drones
    • Développement et Programmation
    • Logiciels et Applications
    • Métrologie
    • Les Projets et réalisations
    • Serveurs
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    • Monter son drone
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    • Octoprint
    • Proxmox
    •   Back
    • Monter son drone
    •   Back
    • Octoprint
    • Proxmox
    •   Back
    • Tutroriels PC Soft
    • Windev pas à pas

Explorer par étiquettes

  • Drones
  • Le site
  • Les tutos
  • Mes Projets et réalisations
  • Non classé
    •   Back
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    •   Back
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    •   Back
    • Alfawise U20
    • Artillery Sidewinder X1
    •   Back
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    •   Back
    • Arduino (U=RI)
    • Arduino (Procuste)
    •   Back
    • Vidéos
    • Articles
    • Impression 3D
    • Drones
    • Développement et Programmation
    • Logiciels et Applications
    • Métrologie
    • Les Projets et réalisations
    • Serveurs
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    • Monter son drone
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    • Octoprint
    • Proxmox
    •   Back
    • Impression 3D
    • Drones
    • Développement et Programmation
    • Logiciels et Applications
    • Métrologie
    • Les Projets et réalisations
    • Serveurs
    • Maintenance et Etalonnages
    • Le logiciel Cura
    • Le logiciel 3D Builder
    • Le logiciel Fusion 360
    • Les imprimantes
    • Timelapses
    • Projets et réalisations
    • Actus 3D
    • Alfawise U20
    • Artillery Sidewinder X1
    • Monter son drone
    • Arduino
    • Windev
    • Power Apps
    • Arduino (U=RI)
    • Arduino (Procuste)
    • Tutroriels PC Soft
    • Windev pas à pas
    • Gimp
    • Salesforce
    • Adobe After Effect/Premiere Pro
    • Octoprint
    • Proxmox
    •   Back
    • Monter son drone
    •   Back
    • Octoprint
    • Proxmox
    •   Back
    • Tutroriels PC Soft
    • Windev pas à pas

© 2024 Tech-Passion