Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Tableau Integration


KimberlySA

Question

Site URL: https://www.learnwithsam.org/third-grade

We are integrating Tableau visualizations into our Squarespace website that uses the BEDFORD template. 

I have the main dashboard visualization embedded correctly here https://www.learnwithsam.org/data-dashboard.  That page is a main navigation page. I run into trouble when placing the code for a similiar visualization into an unlinked/maplink page here:  https://www.learnwithsam.org/third-grade.  We can get the set of visualizations to show up, but, on this page, the view is not showing the entire display within the frame. The main problem is the height, with only a slight problem with width.  The tableau feature that generates the code is set to AUTOMATIC, which notes  "The dashboard will resize to fit any screen it is displayed on."  That setting was used for the code generated for both pages. 

The other setting options in Tableau are:

RANGE which allow me to plug in minimum and maximum parameters for width and height.  That does not work because resetting those impacts the view window, not the size of what is displayed.  Using that we could get to a frame that fits on the page but the actual graphic disappears behind the frame.

CUSTOM which allows me to plug in my own width and height or select presets related to viewing device, ie: ipad, general computer screen, cell phone.  We cannot use that because it needs to work on any device. 

I will have to generate code similarly for visualizations that are to be placed on other unlinked (not main navigation pages) but before working on those, I am trying to make sure I have the coding process necessary.  

I think it is an issue with the page for the second code being a maplink rather than main navigation page.  Any suggestions? Thanks so much! Kim 

 

Link to comment

8 answers to this question

Recommended Posts

  • 0

Hi KimberlySA,

I saw the tableau element is displaying well here, could you mind to help me replicate the issue?

image.png.b15a6aa33e60c6b768ef4d8291b31dad.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0

@KevinPayne

Please post the URL for the page on your site where you are having the issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

I'm having this same issue with a website that's currently in progress. It's not yet published, so I can't share the url, but screenshot is attached - you can see the scroll bar is all the way at the bottom of the graphic, but still it's cut off. Does SquareSpace put a certain frame size on embedded content? Any new ideas on how to fix this issue? Thanks!

Screen Shot 2021-03-24 at 9.09.19 AM.png

Link to comment
  • 0

I'm having similar issues, but only on mobile view, did anyone in this thread get a fix?

Site URL: https://turbot-crocodile-l45j.squarespace.com/home

 added an embed block with manual code from tableau to display a bar chart. The chart displays fine in desktop view but in mobile view doesn't resize to fit, displays scroll bars on the x and y axis. 

site password (text in quotes): '0range.'

bar chart set to ‘automatic’ on tableau

Link to comment
  • 0
On 10/28/2021 at 3:28 PM, ScottieDog said:

I'm having similar issues, but only on mobile view, did anyone in this thread get a fix?

Site URL: https://turbot-crocodile-l45j.squarespace.com/home

 added an embed block with manual code from tableau to display a bar chart. The chart displays fine in desktop view but in mobile view doesn't resize to fit, displays scroll bars on the x and y axis. 

site password (text in quotes): '0range.'

bar chart set to ‘automatic’ on tableau

Can you take a screenshot? I don't see chart on this page

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...