Highlighted

Embedding Tableau Dashboard issues

New Here ,
Jun 11, 2020

Copy link to clipboard

Copied

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

Views

153

Likes

Translate

Translate

Report

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

Embedding Tableau Dashboard issues

New Here ,
Jun 11, 2020

Copy link to clipboard

Copied

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

Views

154

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jun 11, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Of course.

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

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 11, 2020

Copy link to clipboard

Copied

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.png

 

Nancy O'Shea, ACP
Alt-Web.com

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jun 11, 2020

Copy link to clipboard

Copied

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.

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...