PowerBlocks
LibraryRecord Browser
PROdata

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.

Pro component

Subscribe to access this component and the full library.

From 9€/month, or 79€/year

Unlock Pro
Search by name…
AllActiveInactive
Alice MartinActive
Bob ChenInactive
Clara DiazActive
David OkoroActive

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.
#
# The screen renders immediately: DEMO DATA is inlined in RbTable.Items below,
# and the filter defaults to "All" while varFilter is blank.
# STEP 1 — Paste this control onto a blank screen (Tree view -> Ctrl+V).
# STEP 2 — Replace the demo Table(...) in RbTable.Items with your own data source.
#          Search + chips already filter the table.

- RecordBrowser:
# … full component definition unlocked with PRO

This 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

  1. 1Add the colRecords collection and Set(varFilter, "All") to Screen.OnVisible (see the YAML header).
  2. 2Click "Copy YAML" — the syntax is invariant and works in every Power Apps locale.
  3. 3Paste the control onto a blank screen in Power Apps Studio.
  4. 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.

More screens