Record Browser
The Record Browser is a complete, working browse screen for Power Apps: a search box and status filter chips that live-filter a data table, with a click-through on each row. It wires together the Search Bar, Filter Chips and Data Table patterns so you can drop a fully interactive list screen onto any data source in minutes.
YAML source
Preview — full code with PRO# Record Browser — PowerBlocks (PRO Screen)
# A working browse screen: a search box + status filter chips that filter a Data Table.
# Reuses the Search Bar, Filter Chips and Data Table patterns from the library.
#
# NOTE: screen-level YAML is the most likely to need a control-version tweak when you
# paste it — if a control says "version not found", let Studio auto-upgrade it.
#
# STEP 1 — In Screen.OnVisible (or App.OnStart):
# ClearCollect(
# colRecords,
# { Name: "Alice Martin", Status: "Active", Date: "2026-04-01" },
# { Name: "Bob Chen", Status: "Inactive", Date: "2026-03-15" },
# { Name: "Clara Diaz", Status: "Active", Date: "2026-04-10" },
# { Name: "David Okoro", Status: "Active", Date: "2026-04-12" }
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Master list screens
Browse clients, projects, tickets or assets with instant search and one-tap status filtering.
Pick-a-record flows
Let users find and select a record (Set(varSelectedRecord, ...)) before navigating to a detail screen.
Back-office consoles
A ready-made, legible list view for internal tools without rebuilding search + filter + table each time.
How to use Record Browser in Power Apps
- 1Add the colRecords collection and Set(varFilter, "All") to Screen.OnVisible (see the YAML header).
- 2Choose your locale (EN or FR) and click "Copy YAML".
- 3Paste the control onto a blank screen in Power Apps Studio.
- 4Bind colRecords to your own data source — search and chips already filter the table; map the row OnSelect to your detail screen.
Tip — The table's Items already combine the search text and the selected chip. Swap StartsWith for a delegable Search() / Filter() against your data source to keep it server-side on large tables.