Control Load Order for Multiple Embedded Views

Applies to: Tableau Cloud, Tableau Server

The embed code for Tableau Server 2022.3 and later and Tableau Cloud has changed to use the Embedding API v3. For current information about embedding, see the Embedding API help. The information in this topic is for prior versions of embedding (using the Tableau JavaScript API v1 and v2).

Control load order using prior versions of embedding

You can control the order in which multiple views load for the people working with your views. This feature can be accessed only using embed code that relies on the Tableau JavaScript file.

In the following example, two views are embedded. The second view loads first, followed by the top view. If you embed multiple views and give them all the same load order value, or if you don't specify load order parameters, they are loaded in the order in which they appear on the page.

Script Tag Example 

<script type='text/javascript' src='http://myserver/javascripts/api/viz_v1.js'> 
</script> 
<object class='tableauViz' width='600' height='400' style='display:none;'> 
   <param name='host_url' value='http://myserver/' />  
   <param name='site_root' value='' /> 
   <param name='name' value='MyCoSales/TopPerformers' /> 
   <param name='tabs' value='yes' /> 
   <param name='toolbar' value='yes' /> 
   <param name='filter' value='Salesperson=Top 5' /> 
   <param name='load-order' value='0' /> 
</object> 
<script type='text/javascript' src='http://myserver/javascripts/api/viz_v1.js'> 
</script> 
<object class='tableauViz' width='600' height='400' style='display:none;'> 
   <param name='host_url' value='http://myserver/' />  
   <param name='site_root' value='' /> 
   <param name='name' value='MyCoSales/SalesScoreCard' /> 
   <param name='tabs' value='yes' /> 
   <param name='toolbar' value='yes' />  
   <param name='load-order' value='-1' /> 
</object>
Back to top
Thanks for your feedback!Your feedback has been successfully submitted. Thank you!