Status Timeline

Status Timeline

Status Timeline

Show a horizontal Status Timeline on Details so users see where a record sits in its Status lifecycle (past → current → upcoming options).

What changed A new view component, Status Timeline, binds to a Notion Status property and renders options in order with the active status highlighted. It is read-only display — use Board drag, Update Form, or multi-row update to change Status.

---

What you get

Capability	Maker setup	End-user result
Lifecycle strip	Add Status Timeline, bind Status field	Options in a horizontal progress-style row
Active marker	Automatic from record value	Current status emphasized
Option order	From Notion Status options	Matches Notion’s configured order

Details with Status Timeline (Status Progress)

---

Before you start

• A Notion Status property with the options you care about

• A Details screen

• Reload Data after editing Status options in Notion

---

Step 1 — Add Status Timeline

1. Open the Details screen.

2. Add component → Status Timeline.

3. Bind it to the Status property.

4. Optionally set a label (for example Status Progress).

---

Step 2 — Preview across statuses

1. Open records in different statuses (Not started, Scouting, Open, Closed).

2. Confirm the timeline highlights the correct active option each time.

3. Publish and re-check in the live app.

---

Checklist

• Status Timeline bound to Status

• Option order matches Notion after Reload Data

• Active status is obvious for several sample records

• Changing Status elsewhere (Board / Update Form) updates the timeline after refresh

---

Troubleshooting

Symptom	Likely cause	Fix
Missing options	Stale sheet metadata	Reload Data
Wrong active step	Record Status empty or different property	Bind correct Status field
Want to edit on the timeline	Component is view-only	Use Board DnD or Update Form

---

Related reading

• Board List View — change Status by dragging columns

• Status and People Field Fidelity

• Board layouts and Details polish (overview)

• 20 Jul 2026 Release

Builder options at a glance

This guide teaches a focused maker workflow. For the full screen option inventory (What it does / How to use / Why) and annotated builder screenshots, use the matching Types of Screens guide:

• Data screens: List (View Items), Details, Form (Add Item), Form (Update One Item), List (Update Items), Content

• Everyday chrome / Queue & activity: see the Types of Screens index

• Automation native screens: Native Automation Screens

Recommended defaults

• Change one option family at a time, then publish and test on phone and desktop.

• Prefer screen-level settings in Content / Behaviour / Appearance before custom CSS/JS.

• Keep public access and navigation visibility intentional on every screen you link from this guide.