Power Apps Tutorial - Responsive Screen with Gallery & Filters - Beginner to Advanced

Описание: Welcome to this step-by-step Power Apps tutorial for beginners to advanced users. I will cover various topics related to building Canvas Power Apps - How to build a responsive screen in Power Apps, how to connect to a data source, how to build a responsive Gallery control and apply multiple filters to gallery data.

Firstly, I will show you how to create responsive canvas Power Apps and how to work with responsive design screen templates. I will also demonstrate how to use horizontal and vertical containers, which are essential tools in creating responsive layouts.

I will guide you through creating a responsive gallery control and filter panel and show you how to apply multiple filters to a Power Apps gallery. The filter panel (container) will allow users to make selections to search or filter gallery data. Additionally, the applied filters container will highlight the applied filters and users can remove specific filters or reset the filters if desired.

You will learn how to design PowerApps gallery to showcase it as a Table with responsive headers & how to search and filter power apps gallery data.

I will leverage Microsoft Dataverse as a data source. However, the techniques I will demonstrate can be applied to any data source, and I will also show you an example with SharePoint as a data source.

Power Apps for beginners playlist:
   • Power Apps for Beginners  

My Responsive Design Playlist:    • Power Apps Responsive Design  

Working with Power Apps Galleries + Filters
   • Power Apps Gallery Control  

#PowerApps #ResponsiveDesign #PowerPlatform #Dataverse #powerapp #tutorial

Table of Contents:
00:00 - Introduction to Power Apps Responsive Design Tutorial with Gallery & Filter Containers
00:49 - Build a Responsive Power App
01:31 - How to build a Responsive Screen Header
03:40 - Build Responsive Gallery + Filters using containers
05:03 - New drop shadow effect for Power Apps containers
06:37 - Connect Power App to a Dataverse Table
07:13 - Create Responsive Gallery & showcase like a Data Table
10:05 - Add Responsive Column Headers for Power Apps Gallery
12:31 - Show and Hide Power Apps responsive container controls
13:40 - Enable responsiveness for a Power App by disabling scale to fit
13:59 - Add Filters container for Power Apps
14:48 - Reset Filters Button
15:03 - Search function in Power Apps Gallery
15:38 - Highlight Column Header when Filter is applied
16:19 - Multiple Filters in Power Apps Gallery
19:54 - Show applied filters in Power Apps
23:09 - Responsive Power Apps Gallery with Filter Panel examples
24:12 - Subscribe to Reza Dorrani Channel

🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn:   / rezadorrani  
🐦 Reza Dorrani Twitter:   / rezadorrani