---
title: "Custom panels"
slug: "custom-panels"
updated: 2025-10-30T16:02:57Z
published: 2025-10-30T16:02:57Z
---

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

# Custom panels

| Mobile | Tablet | Web |
| --- | --- | --- |
| ![android_watermark.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4494393644572.svg) | ![iOS.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4494423542812.svg) | ![android_watermark.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4494393644572.svg) | ![iPadOS.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4494381213852.svg) | ![HTML5.svg](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4494411682972.svg) |

This article introduces Custom panels in DIVA.

> [!WARNING]
> **Compatibility note:** Custom panels are available on small screens only, as they rely on iframe HTML rendering. For big screens, please refer to the [Stats panels](/v1/docs/data-panels) article for further information.

## What are Custom panels?

Custom panels are responsive web pages that link to DIVA via the settings file. Custom data displays within a new menu tab on the panel; use cases include gamification providing users statistics in an overlay during the event, information related to the event such as weather conditions or venue details, or a live blog integration. DIVA's video player supports adding custom content to panels in a fast and easy way without modifying the player code.

Supply contextual information to users based on the video, device, or user information if the custom data is set up alongside a path resolver.

Custom panels are available in the following templates:

#### Custom panels on mobile

![Custom_data_panel_-_mobile.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/image-1761840133790.png)

*Custom panels on mobile (Side-by-side in portrait mode only)*

![Custom_data_panel_-_tablet.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/4412435729682.png)

*Custom panels on tablet (side-by-side)*

![HTML5_SideBySide.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/image-1761840071235.png)

*Custom panels on Responsive web (side-by-side default)*

![HTML5_FullVideo.png](https://cdn.document360.io/2e698e3c-4773-44a4-9476-1d05bac85eee/Images/Documentation/image-1761840109885.png)

*Custom panels on Responsive web (full video)*