---
title: Viewing Live Events in Timeline  View
slug: zen-master/viewing-live-events-in-timeline-view
docTags: 
createdAt: 2026-04-05T12:03:35.626Z
---

The Timeline View provides a visual representation of Live Events across time, enabling users to easily understand the scheduling, duration, and progression of each event and its stages.

Unlike the Table View, which presents events as a structured list, the Timeline View displays events along a time axis. This allows users to quickly identify when events are scheduled, how long each stage lasts, and how multiple events overlap or interact within the same timeframe.

The Timeline View is especially useful for:

- Monitoring upcoming and ongoing Live Events 
- Understanding the sequence and timing of event stages 
- Identifying overlaps or gaps between events 
- Managing scheduling adjustments in real time 

# Timeline View Elements

The Timeline View displays Live Events along a horizontal time axis, with each event represented as a row and its stages positioned according to their scheduled time.

![](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/p5bPi_iBRxXXmRAUmCpLU-20260408-085849.png)

### Event List

Displays all configured Live Events. Each row represents a single Live Event. Events may include:

- Completed events (past) 
- Active events (currently running) 
- Scheduled events (future)

### Time Axis

Displays the timeline across hours and days. Use **SHIFT + Scroll** to scroll the time axis.  

This enables you to:

- View exact scheduling 
- Understand event duration 
- Identify overlaps between events 

### Event Stages

Stages are displayed as blocks within the event row. Each block represents a stage in the Live Event lifecycle (for example, pre-event, main event, post-event). Hovering over a stage displays additional details such as stage name, status, scheduled time, and duration.

The status of each event stage is indicated by the following colors:

![](https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/WUlboSkQU3QJo4lb37oMg-20260408-090827.png)

### Current Time Indicator

A vertical line indicates the current time within the timeline.

This helps you quickly identify:

- Which events are currently active 
- Where you are relative to scheduled events

### Zoom Control

Located on the right side of the timeline. Use **CTRL + Scroll** to zoom in/out.

Use the slider and +/- controls to zoom in or out:

- Zoom in for detailed time resolution 
- Zoom out for a broader overview 

### Filters

The screen displays a filter at the top - see [Using the Live Events Filter](docId\:lE2GVNDVI7pTETWG8K9Ny)

## Navigating to an Event

The arrow button next to each event name centers the timeline on that specific event. This allows you to quickly locate the event within the timeline when working with large time ranges or many events.

- Arrows pointing to the left - indicate events in the past. 
- Arrows pointing to the right - indicate future events.

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/OKVl3ilA4KvMRU9srRU_3-20260408-091547.png" size="60" width="379" height="199" position="center" showCaption="false"}

## Deleting Events

You can select one or more Live Events using the checkboxes next to each event and delete the selected events.

**To delete events: **

1. Select one or more events. 
2. Click **Delete**.

:::Paragraph{indent="1"}

:::

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/VOAfEtrEeymLX7O0nPucf-20260408-092458.png" size="100" width="2274" height="378" position="center" showCaption="false" indent="2"}

3. Confirm the deletion of the events.

:::Paragraph{indent="1"}

:::

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/k5KtVRS6Fvm61p7YSNhy5-20260408-092638.png" size="100" width="1506" height="598" position="center" showCaption="false" indent="2"}

:::Heading{depth="2" indent="1"}
Using Event Manual Controls
:::

:::Paragraph{indent="1"}
You can select one or more Live Events using the checkboxes next to each event and and use its manual controls. To learn more - see [Live Event Manual Controls](docId\:woR-auFr6SSXoBmH1V5gT) 

:::

:::Paragraph{indent="1"}

:::

::Image[]{src="https://api.archbee.com/api/optimize/mzxtTQEvCNIdUNgF2kuwJ/TLnNIwa6TLrmD_h559eP5-20260408-095911.png" size="100" width="2156" height="305" position="center" showCaption="false" indent="2"}