Hi All -
We are hosting some dashboards on Tableau Online, but when embedding, with width=100% and height=100%, we can't seem to get rid of the padding/margins around all four sides:
Zooming in:
It's a problem because, as you can see, we have a menu bar running along the top and therefore should run to the edges of the window
We've tried adding padding-left: 0; padding-right: 0; etc. as well as margins: 0px 0px 0px 0px; as well as margin-left: 0; etc. - none of which seem to work
Has anyone encountered this, and/or know a solution? Thanks!
1 answer
Actually figured it out; if anyone else encounters, you have to add the following to your header:
<html>
<head>
<style>body {
height: 100%; width: 100%; padding: 0px 0px 0px 0px;
margin-top: 0px;
margin-bottom 0px;
margin-left: 0px;
margin-right: 0px;
}</style>
</head><body>
--- insert Embed code here ---
</body>
</html>
