Перейти к содержимому

From Clunky Dropdowns to Filter Pills: Better Filtering UX in Power Apps

Ryan Johnston

0:00 / 0:00

From Clunky Dropdowns to Filter Pills: Better Filtering UX in Power Apps

893 просмотра · 6 месяцев назад
Ryan Johnston
2,22 тыс. подписчиков
893 просмотра · 6 месяцев назад
In this video, I’ll show you how to build SaaS‑style Filter Pills in a Canvas App, providing clear, visual indicators of what’s filtered, an easy way to adjust selections, and zero mystery about what’s currently active. And we'll be using 100% out‑of‑the‑box controls—no PCFs, no hidden components, no tricks that break maintainability. Just practical UI engineering applied to Power Apps. You’ll learn how to create a fully functional filtering experience that includes: Auto‑sizing pills that expand based on the selected values Wrapping behavior so pills flow naturally across rows Multi‑select compatibility for real‑world filtering Clear‑one or clear‑all interactions modeled after modern SaaS UX patterns If you’ve ever built a Power App and thought: “It works… but it doesn’t feel modern,” this video will change your filtering toolbox forever. 00:00 Introduction 00:53 Filter Pill Overview 01:45 Creating the colFilters collection 03:05 Filtering the Gallery 04:00 Populating colFilters using ComboBox OnChange 09:10 Creating the Filter Pills 15:27 Auto-width for the Filter Pills 19:04 Clearing filters 20:46 Closing Subscribe for more:    / @powerplatformryan   Connect with me on LinkedIn!   / ryan-d-johnston   #powerapps #canvasapps #uiux #powerplatform