---
title: Events Side Panel
description: >-
  View detailed information about individual RUM events including context,
  waterfalls, and performance data in the side panel.
breadcrumbs: Docs > RUM & Session Replay > RUM Explorer > Events Side Panel
---

# Events Side Panel

## Overview{% #overview %}

The Real User Monitoring (RUM) Explorer displays individual events in a side panel. To open the event side panel in the [RUM Explorer](https://app.datadoghq.com/rum/explorer), click on a table row in the **List** visualization type.

Use the side panel header to view contextual information about your users (environment, country) and event-specific details like view path and loading type. For Synthetic test runs, click the test ID to view the result.

The distribution visualization at the top helps you understand whether the current view is close to the median or is an outlier. Use the dropdown to switch between Loading Time (Time until the page is ready and no network request or DOM mutation is happening. Mobile apps have a different, manually reported loading time.  Learn more), or web and mobile vitals such as Time To First Byte (Time elapsed until the first byte of the view has been received.  Learn more), FCP (First Contentful Paint: Time when the browser first renders any text, image, or SVG.  Learn more), LCP (Largest Contentful Paint: Time when the largest DOM object in the viewport is rendered.  Learn more), CLS (Cumulative Layout Shift: Quantifies unexpected page movement due to dynamically loaded content.  Learn more), INP (Interaction to Next Paint: Longest duration between a user's interaction and the next paint.  Learn more), Refresh Rate, and Memory Average. Adjust the time range to view data by day, week, or month.

{% image
   source="https://docs.dd-static.net/images/real_user_monitoring/explorer/events/side-panel-overview-2.49dd22cdae154651b874f5e44e4189b2.png?auto=format"
   alt="RUM Explorer side panel showing the distribution visualization, waterfall timeline, and filter options" /%}

Click any tab to view its corresponding details and investigate specific aspects of the event. See Additional tabs for a full list.

## Waterfall tab{% #waterfall-tab %}

The **Waterfall** tab displays an interactive timeline of the events associated with this view. Overlays display key performance markers, including [Core Web Vitals](https://docs.datadoghq.com/real_user_monitoring/application_monitoring/browser/monitoring_page_performance/#event-timings-and-core-web-vitals) or mobile timings, with pass or fail indicators.

{% video
   url="https://docs.dd-static.net/images/real_user_monitoring/explorer/events/events_side_panel-3.mp4" /%}

### Filtering the waterfall{% #filtering-the-waterfall %}

Control which events appear in the waterfall:

- **By critical path**: Click the **Critical Events** toggle to see only events directly impacting your key performance timings.
- **By attribute**: Use the filter buttons above the waterfall. Click a filter to access additional options like resource URL, action name, error message, and more.
- **By time range**: Drag the time selectors in the minimap, or expand the left sidebar and click a timing to filter to events before that point.

The left sidebar reveals key timings, including custom timings from the [addTiming API](https://docs.datadoghq.com/real_user_monitoring/application_monitoring/browser/monitoring_page_performance/#track-additional-performance-timings).

### Inspecting events{% #inspecting-events %}

Hover over any event in the waterfall to see its timestamp, duration, and contributing factors (scripts, style/layout, or other processing). Hover over a Core Web Vital to view its definition, threshold, and how it compares to your p75.

{% image
   source="https://docs.dd-static.net/images/real_user_monitoring/explorer/events/specific-times-1.e4ca8dd7a6e00df24b49c8f9377a61da.png?auto=format"
   alt="Loading Time popover showing performance details, threshold indicators, and comparison to p75 performance" /%}

### Connected telemetry{% #connected-telemetry %}

Click on events in the waterfall to access related data:

- **Resources**: View connected backend traces.
- **Long Animation Frames**: Access associated profiles for performance analysis.

## Additional tabs{% #additional-tabs %}

Use the other tabs to explore related data:

{% dl %}

{% dt %}
Replay
{% /dt %}

{% dd %}
Watch a visual replay of the user's session.
{% /dd %}

{% dt %}
Errors
{% /dt %}

{% dd %}
View errors associated with the event.
{% /dd %}

{% dt %}
Resources
{% /dt %}

{% dd %}
Inspect all resources loaded during the event.
{% /dd %}

{% dt %}
Traces
{% /dt %}

{% dd %}
See backend traces connected to the event.
{% /dd %}

{% dt %}
Feature Flags
{% /dt %}

{% dd %}
View feature flags evaluated during the event.
{% /dd %}

{% dt %}
Actions
{% /dt %}

{% dd %}
Review user actions captured during the session.
{% /dd %}

{% dt %}
Logs
{% /dt %}

{% dd %}
Access logs associated with the event.
{% /dd %}

{% dt %}
Attributes
{% /dt %}

{% dd %}
View collected context attributes. Add custom attributes with the [Global Context API](https://docs.datadoghq.com/real_user_monitoring/application_monitoring/browser/advanced_configuration/?tab=npm#global-context).
{% /dd %}

{% /dl %}

## Further reading{% #further-reading %}

- [Search for your events](https://docs.datadoghq.com/real_user_monitoring/explorer/search/)