Notion-like Pages


Notion is built on the principal that table rows function as (and truly are) their own page. Coda is far more flexible in its ability to accommodate a wide variety of design schema. There are a number of ways to approximate Notion’s row-as-table functionality.

A very similar construction is possible by opening rows into their ‘Full Screen’ (modal) view. All data you would like to have on that ‘page’ is simply a column in the table. If you would like to have data visible on the ‘page’ view but not in the table, such columns can be hidden.

This means that you can have a project description that is visible on the full screen view but not in the table view. Additionally, you can link to other rows just like a Notion relation or even pull in a full table like a Notion linked-database.

A simple example of using this schema for a projects/tasks setup is as follows:


The
[Tasks]
column is a filtered view (Lookup) of the 'Tasks' table below. In table form, it shows a list of rows (tasks), but in the full screen view, tasks are shown in table (or card) form.

The
[Description]
column is not visible in table view, only in the full screen view.

Hover over the left edge of a row and click 'Expand Row' to open a project into a full
screen view.
(another option is to use the Activate() formula to create a button which opens the row into the full screen view, as seen in the 'Open' button on the right)

Projects
0
Project
Status
PM
Tasks
Progress
Open
1
Project 1
In Progress
NS
Noah Silverstein
Task B
Task C
50%
Open
2
Project 2
Planned
Task A
0%
Open
3
Project 3
Complete
NS
Noah Silverstein
Task D
100%
Open
There are no rows in this table
3
Count

Tasks
1
Task
Status
Responsible
Project
1
Task A
Planned
Project 2
2
Task B
Complete
NS
Noah Silverstein
Project 1
3
Task C
In Progress
Project 1
4
Task D
Complete
Project 3
There are no rows in this table
4
Count

Status Options
0
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.