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: My Responsive Design Playlist: Working with Power Apps Galleries Filters #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: 🐦 Reza Dorrani Twitter: