PowerBlocks
LibraryExpense App — 2. List
PROexpenses

Expense App — 2. List

Screen 2 of 4 of the Expense Reports mini-app: the full expense list with one-tap status filtering, colored statuses and amounts, backed by the shared colExpenses collection with a demo fallback. Submit from screen 3 and the new expense appears here instantly.

Pro component

Subscribe to access this component and the full library.

View plans
AllPendingApproved
Client lunch
84.50 €Pending
Train Paris
129.90 €Approved
Hotel Lyon
220.00 €Rejected

Mini-app · screen 2 of 4

MINI-APP SUITE

Expense Reports mini-app

The 4 screens share the colExpenses collection — paste them all, wire the Navigate calls, and the app works end-to-end.

YAML source

Preview — full code with PRO
# Expense App 2/4 — List — PowerBlocks (PRO mini-app)
# All expenses with status chip filtering. Uses the shared colExpenses
# collection (falls back to inline demo data until it exists). "Reset demo"
# (re)creates the collection — replace it and the demo Table with your source.

- ExpenseList:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      X: =0
      Y: =0
      Width: =Parent.Width
      Height: =Parent.Height
      Fill: =RGBA(10, 10, 10, 1)
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

More screens