Tableau views are often embedded into webpages that contain custom CSS. There may be cases when the Tableau embed code is encased by an element, for example. When this element uses the CSS property display:none, Tableau cannot load the embedded view. To resolve this issue, you can do one of the following:
- 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:
- 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 usingdisplay:none. For example: