Need help creating a tabbed dashboard - Page 2

savordelli · 03-08-2024 09:38 AM

Hi, I am trying to create a dashboard for my product team to keep up with their metrics. Each P.O has their own metrics, So i wanted to separate the dashboard into tabs for each person.

I saw the posts below, however, I could not manage to do what I am trying to do. From my HTML knowledge it seems that those options allow me to navigate from html tag ids, however, they'll all be loaded into the same screen. That meaning when I open up the dashboard, all of them will be there, correct?

I've tried embedding the dashboards inside the MD tile, however it doesn't seem to create the Iframe at all.

Can someone explain to me what is needed to acomplish this?

```
<body> <div style="text-align:center; margin-bottom:20px;"> <button onclick="document.getElementById('iframe').src='embedlink';" style="padding:10px; margin-right:10px; font-size:16px;">tab 1</button> <button onclick="document.getElementById('iframe').src='embed link';" style="padding:10px; font-size:16px;">2</button> </div> <iframe id="iframe" style="width:100%; height:600px; border:none;"></iframe> </body>
````

https://www.googlecloudcommunity.com/gc/Exploring-Curating-Data/New-dashboards-beta-HTML-options/td-...

https://www.googlecloudcommunity.com/gc/Technical-Tips-Tricks/Tabbed-Dashboard-using-Liquid-HTML/ta-...