Activity Feed
The Activity Feed shows a clean, timeline-style stream of recent events in your Power App — a colored dot per event type, who did what, and a relative time — rendered as a single data-driven SVG Image. It's the 'recent activity' panel every dashboard and collaboration app needs, driven by one collection with no PCF.
Activity
Alice Martin approved the budget
2h ago
Bob Chen uploaded a file
4h ago
Clara Diaz flagged an issue
Yesterday
YAML source
Preview — full code with PRO# Activity Feed — PowerBlocks (PRO Screen)
# A timeline-style activity feed rendered as a single data-driven Power Fx SVG Image:
# a colored dot per event, who did what, and a relative time.
#
# STEP 1 — In Screen.OnVisible (or App.OnStart):
# ClearCollect(
# colActivity,
# { Who: "Alice Martin", Action: "approved the budget request", Time: "2h ago", Type: "ok" },
# { Who: "Bob Chen", Action: "uploaded Q3-report.pdf", Time: "4h ago", Type: "info" },
# { Who: "Clara Diaz", Action: "flagged a blocking issue", Time: "Yesterday", Type: "warn" },
# { Who: "David Okoro", Action: "created project Phoenix", Time: "Yesterday", Type: "info" }
# );
# STEP 2 — Paste onto a blank screen. STEP 3 — Bind colActivity to your data.
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Recent activity
Show the latest actions across a project, record or team.
Audit trails
Display a readable history of who changed what and when.
Notifications panel
Surface a chronological list of events with type-colored dots.
How to use Activity Feed in Power Apps
- 1Add the colActivity collection to Screen.OnVisible (see the YAML header).
- 2Choose your locale (EN or FR) and click "Copy YAML".
- 3Paste the control onto a blank screen.
- 4Bind colActivity to your data — the dot color comes from the Type field (ok / warn / info).
Tip — Sort your collection by date descending before binding, and compute the relative Time string with a small formula for a live feed.