Skip to content
Snippets Groups Projects
Unverified Commit 09888356 authored by Jeff Bruemmer's avatar Jeff Bruemmer Committed by GitHub
Browse files

docs - iframe cards (#48375)

parent 21759742
No related branches found
No related tags found
No related merge requests found
docs/dashboards/images/dashboard-with-iframe.png

957 KiB

......@@ -94,6 +94,33 @@ Link cards are specialized cards that let you search and link to other items in
To add a link card to a dashboard, click the **pencil** icon to enter dashboard editing mode, then click on the **link** icon. Click on the input field in the link card to search your Metabase for an item to link to, or paste an external link.
## Iframe cards
[Iframes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) allow you to nest one HTML page in another HTML page. With iframe cards in Metabase, you can embed a webpage in your dashboard. You can embe:
- Spreadsheets or surveys for data entry or workflows
- Videos or slides for contextualizing and storytelling on dashboards
- Live charts and visualizations from other tools
To add an iframe card to a dashboard, click the **pencil** icon to enter dashboard editing mode, then click on the **link** icon and select **Iframe**. Then paste the iframe URL. Here's an iframe for our video on how to create a dashboard:
```html
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/W-i9E5_Wjmw?si=qWeMGxEymVOIHiXo"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen
></iframe>
```
And behold, a dashboard with an embedded video:
![Dashboard with iframe of video](./images/dashboard-with-iframe.png)
## Dashboard tabs
You can add multiple tabs to a dashboard to keep your cards organized.
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment