Improving Embed Dashboard Responsive Layout
We have publically embedded a couple of dashboards, and at certain breakpoints, the individual cards do not render properly. Cards are often cut off (half is showing) or a large amount of whitespace above or below the contents of the cards are shown.
This appears to be happening with some of Domo's examples as well, such as below:
https://www.domo.com/dashboard/supply-chain-dashboard
Is this a known issue? Are there any best practices or workarounds that we should be considering?
Answers
-
To my knowledge you can't dynamically change the iframe size based on the amount of data so if you have too little data in a table you'll get the extra whitespace and too much data in your table will result in it getting gut off.
**Was this post helpful? Click Agree or Like below**
**Did this solve your problem? Accept it as a solution!**1 -
The issue is not as much with the iframe itself, but how the individual cards are being rendered at certain breakpoints. The content within the cards is being cut off or large amounts of white space added to the top and bottom of each card. The same issues are happening in the mobile preview (accessible when editing a data story) as in a live dashboard embed scenario, which tells me this is a core issue with Domo's responsive card rendering logic.
0
Categories
- 10.5K All Categories
- 8 Connect
- 918 Connectors
- 250 Workbench
- 470 Transform
- 1.7K Magic ETL
- 69 SQL DataFlows
- 477 Datasets
- 193 Visualize
- 252 Beast Mode
- 2.1K Charting
- 11 Variables
- 17 Automate
- 354 APIs & Domo Developer
- 89 Apps
- 3 Workflows
- 20 Predict
- 5 Jupyter Workspaces
- 15 R & Python Tiles
- 247 Distribute
- 63 Domo Everywhere
- 243 Scheduled Reports
- 21 Manage
- 42 Governance & Security
- 174 Product Ideas
- 1.2K Ideas Exchange
- 12 Community Forums
- 27 Getting Started
- 14 Community Member Introductions
- 55 Community News
- 4.5K Archive