Embedded DOMO dashboard not loading on click

muhammadtalha · 2024-01-23T19:44:45+00:00

There was an error rendering this rich post.

Hi experts,

I do have a system in which I am showing my 4 domo dashboards on one page via tabs. Each dashboard is embedded and does visible when we click on them and then I change the src attribute of iframe to load that embedded link. Now what's happening is that, when I first load the page using hard refresh, the first dashboard loads quickly but when I try to load the other dashboard by clicking on them, the data loads but iframe not loading, this could be because I am getting error on other dashboards an error in browser console. which is like 400 bad request, and that same embedded link does open on any browser , that's a public url from domo.

My dashboard where I am loading via tabs on click is below :

Quick Links

Accepted answers

Jones01

@muhammadtalha ok. Obviously you know anyone would be able to view those boards if you haven't restricted the domains in your instance?

Looking at the request I would have thought it would be doing an GET not a PUT.

You could try removing the iframe completely and recreate it in javascript when you click a new tab then place it in the DOM.

All comments

Jones01

@muhammadtalha is this a private embed I assume?

The fact you said it loads quickly now makes me think these are public embeds.

muhammadtalha

@Jones01 No its a public embedding of all my 4 dashboards connected in tabs, which I am changing iframe src on click . Also this issue is coming in google chrome for now, I checked in other browser, its working. Strange!!

Jones01

@muhammadtalha ok. Obviously you know anyone would be able to view those boards if you haven't restricted the domains in your instance?

Looking at the request I would have thought it would be doing an GET not a PUT.

You could try removing the iframe completely and recreate it in javascript when you click a new tab then place it in the DOM.

MattTheGuru

Is this essentially what you have done? This is an example react site I made a while back:
https://example.clearsquare.co/xkPJn ← These are all publicly embedded.

If it is email me and I can share you the code to doing this.

I would very much recommend writing the code to privately embed the content. Even restricting the content via URL means I could go to your landing page/login screen and render the public content.

Here is a software that I built to do a similar task to what I think you need yours to preform:

https://youtu.be/tMto9t8o2no?si=iCKymRs7kTUVJL5P

muhammadtalha

@MattTheGuru Thanks for sharing, really appreciated.

Your dashboards are showing as a page reload, in my case, I have to reload them via JQuery on a tab click, and we do also have present filters too like a global filters, which still there even you switch between dashbaords.

MattTheGuru

Yeah, the one example is reloaded here is another example video.

https://drive.google.com/file/d/1oafrqibTrbRG0_qIRAWCn9vXOOxlgoP1/view?usp=sharing

But my guess is going to follow @Jones01 that you may just be updating the src of the iframe and the DOM doesn't fully register this change. By just inserting an entirely new iframe you will likely inform the browser of a complete refresh.
_________

And on the secondary note, on private embed, to switch to private you will need to "server render" the iframe. Here is an image function that I use to do just this (from a node server). I can send you the code and you can run it through chatgpt to convert it to your server's code.

This would mean on tab click you would call a server endpoint that would return the pre-built iframe to render.

Screenshot 2024-02-01 at 10.06.13 AM.png

other categories

Product Ideas
Have a Domo product enhancement idea? Submit or upvote on ideas in the Ideas Exchange.
Ideas Exchange
Suggest & vote on new features you would like to see implemented in the Domo Product.
Data Connections
Ask questions about Connectors, Workbench, Cloud Amplifier and get best practices from Domo peers
Connectors
Connectors, Custom Connectors, Writeback
Workbench
Ask questions about Workbench, a secure, client-side solution for uploading your on-premise data to Domo.
Cloud Integrations
Ask questions about Cloud Integrations and Federated Data connection to your data warehouse or lake.
Data & ETL
Ask questions about Magic ETL, SQL DataFlows, DataFusion, Dataset Views and get best practices from Domo peers
Magic ETL
Ask Magic ETL questions and get answers from Domo peers
SQL DataFlows
Ask SQL DataFlow questions and get answers from Domo peers
Datasets
Ask DataFusion and Dataset Views questions and get answers from Domo peers
Visualize & Apps
Ask questions about Beast Mode, Cards, Charting, Dashboards, Stories, Variables and get best practices from Domo peers
Dashboards
Ask Cards, Dashboards, and Stories questions and get answers from Domo peers
App Studio
Ask questions about building apps in App Studio.
Pro-code Components
Ask questions about pro-code components and Domo Bricks and get answers from Domo peers.
Charting & Analyzer
Ask questions about charting and Analyzer and get answers from Domo peers.
Calculations & Variables (Beast Mode)
Ask questions about using calculated fields and Variables (Beast Modes) in Analyzer.
AI & Data science
Ask questions about DomoAI and get answers from Domo peers.
Domo AI & AI Chat
Ask questions about AI Chat and AI assistants.
Managing AI
Ask questions about managing AI with AI Playground, AI projects, AI models, and more.
Jupyter Workspaces
Ask questions about Jupyter Workspaces, Notebooks, and file share.
Automate
Ask questions about App Framework, Workflows, Domo Bricks, Domo Developer, API and get best practices from Domo peers
Workflows
Ask questions about Task Center, building automations with Domo Workflows, and executing JavaScript or Python code with Code Engine.
Alerts
Ask questions about managing alerts in Domo and get answers from Domo peers.
Distribute
Ask questions about Domo Everywhere, Scheduled Reports, Mobile and get best practices from Domo peers
Domo Everywhere
Ask questions about embedded analytics with Domo Everywhere.
Reporting
Ask questions about Scheduled Reports, Report Builder, and Slideshow Publications.
Manage
Ask questions about Governance Administration, Approvals, Teams, Alerts, and Buzz and get best practices from Domo peers
Governance & Security
Ask questions about People, Groups, Roles, Sandbox, Activity log, Buzz, Teams, Approvals and PDP and get best practices from Domo peers
Navigation & Productivity
Ask questions about navigation, Projects & Tasks, Goals, and Buzz chat.
APIs
Ask APIs and Developer.domo.com questions and get answers from Domo peers
Add-ins & Plugins
Ask questions about plugins, Microsoft add-ins, and other third-party software integrations.
Domo Community Gallery
Watch how our Customers are using Domo to solve their complex problems.
Product Releases
Domo support and product teams are here to live-answer questions about the most recent product releases. Please post questions in this Forum board for all users to benefit (rather than submitting a support ticket).
Domo University
Questions or discussions related to Domo University, trainings and certifications
Community Forums
Getting Started
Welcome to Domo's Community Forums! You'll find everything you need to get started in this category.
Community Announcements
Get the latest from Domo's Community Team.
Social Groups
Archive
Old or outdated content that could still be found helpful.

Find more posts tagged with

Embed

Domo Everywhere