> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pensiv.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Setting the order of events with the timeline

> A folder's timeline view uses labels as rows and item order as columns. How to work out the order of events and the threads between them on one screen.

Open a folder and go to the timeline tab and the items are placed in rows by label. Rows stand for the threads of the story, columns for order. You see on one screen which thread a scene belongs to and where in the sequence it comes.

## One card per column

There are as many columns as there are items in the folder, and only one card sits in a column. Cards in different rows do not share a column. So even when cards are scattered across three rows, reading them left to right gives one continuous order. It is the same order you saw in Grid and List.

Drag a card onto an empty column and it moves there. Drop it in a column on another row and its order and its label change at once. You are pushing the scene backward or forward and deciding which thread it belongs to at the same time. In a locked folder, cards do not drag.

<div className="app-window block dark:hidden">
  <img src="https://mintcdn.com/raumlabsinc/ENyX88kfW0HMrWQi/images/en/structure/timeline--01.png?fit=max&auto=format&n=ENyX88kfW0HMrWQi&q=85&s=36f4b53892298a57e881fca13d947098" alt="A horizontal timeline. There are three or four rows and six or seven cards scattered across a different column in each row. You can see that no two cards share a column." width="2880" height="1800" data-path="images/en/structure/timeline--01.png" />
</div>

<div className="app-window hidden dark:block">
  <img src="https://mintcdn.com/raumlabsinc/ENyX88kfW0HMrWQi/images/en/structure/timeline--01-dark.png?fit=max&auto=format&n=ENyX88kfW0HMrWQi&q=85&s=fa7366b5ed15d43b2289399bfbe9f90e" alt="A horizontal timeline. There are three or four rows and six or seven cards scattered across a different column in each row. You can see that no two cards share a column." width="2880" height="1800" data-path="images/en/structure/timeline--01-dark.png" />
</div>

<p className="app-caption">Rows are labels, columns are order. Read from left to right and you get the order of events.</p>

## Labels make the rows

The first row is always "No Label". After it comes one row per label in the project, and the row order follows the label order you set in Settings. Items with no label, and items that carried a label that has since been deleted, gather in the "No Label" row.

To make a new row, make a label. Right-click a card and pick "Add Label" at the bottom of the label submenu, and the Labels tab in Settings opens.

## Horizontal and vertical

Click the "Orientation" button in the header and the horizontal timeline flips to vertical. Stretches where events run closely together are better read vertically. This value is remembered per folder, so you can leave it different from folder to folder.

Drag empty space and the view moves with it. In a folder with no items at all, only "No items to display in the timeline" appears.

<div className="app-window block dark:hidden">
  <img src="https://mintcdn.com/raumlabsinc/ENyX88kfW0HMrWQi/images/en/structure/timeline--02.png?fit=max&auto=format&n=ENyX88kfW0HMrWQi&q=85&s=fa254929ef020641b22713d3b8d4230d" alt="The timeline flipped to vertical by clicking the orientation button in the header. The rows stand as vertical columns and the cards run from top to bottom." width="2880" height="1800" data-path="images/en/structure/timeline--02.png" />
</div>

<div className="app-window hidden dark:block">
  <img src="https://mintcdn.com/raumlabsinc/ENyX88kfW0HMrWQi/images/en/structure/timeline--02-dark.png?fit=max&auto=format&n=ENyX88kfW0HMrWQi&q=85&s=a6f4dad9f3afefb025ad8aa95bbc1cf0" alt="The timeline flipped to vertical by clicking the orientation button in the header. The rows stand as vertical columns and the cards run from top to bottom." width="2880" height="1800" data-path="images/en/structure/timeline--02-dark.png" />
</div>

<p className="app-caption">The Orientation button switches between horizontal and vertical. It is remembered per folder.</p>
