0 Replies Latest reply on Feb 29, 2012 5:11 PM by Jeff Johnson

    Only one tab shows with JavaScript embed but not with iframe

    Jeff Johnson

      I've embedded a viz with five tabs in a web page. Using the iframe code below it works fine. Both Tableau and our web people say they would be happier with JavaScript. When I do so using the JavaScript code generated by the share button (below) it only shows one tab, however.

       

      Anyone have any thoughts on the cause and/or solution?

       

      Thanks,

      Jeff

       

      <iframe src="http://public.tableausoftware.com/views/Departments_0/Graduates?NEW_DEPT=MATH&:embed=yes&:tabs=yes&:toolbar=yes" width="640" height="1000"></iframe>

       

       

      <script type="text/javascript" src="http://public.tableausoftware.com/javascripts/api/viz_v1.js"></script>

      <div class="tableauPlaceholder" style="width:634px; height:952px;">

          <noscript>

              <a href="#">

                  <img alt=" " src="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;GR&#47;GRXXMF2WX&#47;1_rss.png" style="border: none" />

              </a>

          </noscript>

         

          <object class="tableauViz" width="634" height="952" style="display:none;">

              <param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" />

              <param name="path" value="shared&#47;GRXXMF2WX" />

              <param name="toolbar" value="yes" />

              <param name="static_image" value="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;GR&#47;GRXXMF2WX&#47;1.png" />

              <param name="animate_transition" value="yes" />

              <param name="display_static_image" value="yes" />

              <param name="display_spinner" value="yes" />

              <param name="display_overlay" value="yes" />

              <param name="display_count" value="yes" />

              <!--param name="filter" value="NEW_DEPT=MATH" /-->

              <param name="tabs" value="yes"/>

          </object>

       

      </div>

       

      <div style="width:634px;height:22px;padding:0px 10px 0px 0px;color:black;font:normal 8pt verdana,helvetica,arial,sans-serif;">

          <div style="float:right; padding-right:8px;">

              <a href="http://www.tableausoftware.com/public?ref=http://public.tableausoftware.com/shared/GRXXMF2WX" target="_blank">Powered by Tableau</a>

          </div>

      </div>