BASE DE CONNAISSANCES

Unable to Load an Embedded View Encased by display:none CSS Property

Date de publication : 01 May 2017
Date de dernière modification : 20 Oct 2022

Problème

There may be cases when the Tableau embed code is encased by a CSS element. When this element uses the CSS property display:none, Tableau cannot load the embedded view. 

Environnement

  • Tableau Server
  • Tableau Cloud
  • Tableau Public

Résolution

Option 1: Change the CSS property to visibility:hidden instead.  

This property will hide the view, but it will take up the space it needs on the page for the view. For example:
<div id=”Sample” style=”visiblility:hidden”>
<Tableau embed code>
</div>

Option 2: Set the position of the element off screen. 

Setting the position of the element off screen will allow the view to load completely before it is positioned back onto the screen. The effect is similar to what you would expect from using display:none. For example:
<div id=”Sample” style=”top:9999;left:-9999”>
<Tableau embed code>
</div>

Cause

Tableau views are often embedded into webpages that contain custom CSS.
Cet article vous a-t-il permis de résoudre le problème ?    
PRINT THIS PAGE
Trending Articles
Results 1-3 of 49
Pièces jointes


Toute l'assistance

ASSISTANCE PAR PRODUIT
OUTILS ET TÉLÉCHARGEMENTS
INFORMATIONS
ASSISTANCE