Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Embedding Tableau Dashboard issues

New Here ,
Jun 11, 2020 Jun 11, 2020

Hello.

I am trying to embed a Tableau Dashboard viz into our website and I'm having issues with

the way it displays (mainly showing scrollbars and white space around the vis) even when we've

modified the code, then publish it, the changes (specifically the "fixed" position go back to "relative" in the live code.

Has anyone ran into this problem or have ideas how I might be able to fix it?

Thank you

Diane

708
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 11, 2020 Jun 11, 2020

It's impossible to solve code issues without having access to the code.

Could you share a link to your work in progress so we can take a look?

A very distant second would be to copy and paste the entire code of the .html page, including any attached .css and .js files, here in the forum.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 11, 2020 Jun 11, 2020

Of course.

Here is the link: https://eiph.idaho.gov/

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 11, 2020 Jun 11, 2020

It's a shame the public tableau is so poorly conceived (too wide, too tall & not responsive).  There's nothing you can do about it because it comes from their site, not yours.  It is what it is.

 

image.pngexpand image

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 11, 2020 Jun 11, 2020

Bummer.

I did contact the Tableau dudes who sent me the code that supposedly gets rid of the scrollbars and extra white space, however when I embed it into my site and upload it to the remote server, the position (which supposedly removes the scrollbars and white space) reverts back to relative instead of fixed.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 11, 2020 Jun 11, 2020
LATEST

Not counting the imense number of "____ attribute is obsolete, use css instead" warnings (most browsers still understand the obsolete methods), there are a fairly high number of acttual structural errors in your code, like missing or doubled up end tags. Structural errors are one of the main reasons for "it doesn't look the way it should" issues.

Run your page through the validator at http://validator.w3.org/nu and repair it.


Once the structural errors are fixed, it may simply start working as expected. If it doesn't, post back after the code has been cleaned and we should be able to see where the issue is coming from.

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines