1 Reply Latest reply on Apr 26, 2016 8:34 PM by Bill Lyons

    Removing toolbar from javascript api

    Stephen Cavallaro

      Hello,

       

      I am trying to embed a viz from tableau public to a web page using the javascript api. I'd like to completely remove the bottom toolbar. Any suggestions? Thanks.

       

      My code:

       

        <script type="text/javascript">

              function initViz() {

                  var containerDiv = document.getElementById("vizContainer"),

                      url = "https://public.tableau.com/views/Emas/EmasHospitalityAnalyticsDashboard?:embed=y&:display_count=no&:showTabs=no&:toolbar=no",

                      options = {

                          hideTabs: true,

             

                          onFirstInteractive: function () {

                              console.log("Run this code when the viz has finished loading.");

                          }

                      };

                 

                  var viz = new tableau.Viz(containerDiv, url, options);

              }

          </script>

       

       

      <body onload="initViz();">

          <center><div id="vizContainer" style="width:1000px; height:700px; "></div></center>

      </body>

       

       

      I want to remove this: