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