1 Reply Latest reply on Oct 20, 2016 4:24 PM by Patrick A Van Der Hyde

    Load denied by X-Frame-Options - when embedding the tableau dashboard onto a html / javascript page.

    Srikanta Prasad

      I am trying to embed a tableau dashboard onto the webpage. But when i try to run this dashboard i am getting the following error:

       

       

      00:48:48.088 Load denied by X-Frame-Options: https://eaas-tableau-preproduction.web.boeing.com/#/site/EA_Analytics/views/CQARDashboard_0/CQARDASHBOARD?:iid=1?:embed=y&:showVizHome=no&:host_url=https://eaas-tableau-preproduction.web.boeing.com/#/site/EA_Analytics/&:tabs=yes&:toolbar=yes&:original_view=yes&:loadOrderID=0 does not permit cross-origin framing.1 <unknown>

       

      When i try running the URL alone (https://eaas-tableau-preproduction.web.boeing.com/#/site/EA_Analytics/views/CQARDashboard_0/CQARDASHBOARD?:iid=1&:showVi… ) it works. But i am not sure why upon embedding the same dashboard onto the webpage fails.

       

      The URL for the dashboard on the server:

      https://eaas-tableau-preproduction.web.boeing.com/#/site/EA_Analytics/views/CQARDashboard_0/CQARDASHBOARD?:iid=1

       

      I have tried to construct the webpage as shown below:

       

      <html>

       

      <head>

       

              <script type='text/javascript' src='https://eaas-tableau-preproduction.web.boeing.com/javascripts/api/viz_v1.js'></script>

      </head>

              <body>

              <div class="tableauPlaceholder" style="100% ; height:100%;" >

                  <object class='tableauViz' width="100%" height="100%" Style="display: none;">

                  <param name='host_url' value='https://eaas-tableau-preproduction.web.boeing.com/' />

                  <param name='site_root' value='/#/site/EA_Analytics' />

                  <param name='name' value='CQARDashboard_0/CQARDASHBOARD?:iid=1' />       

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

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

                  <param name='filter' value=':original_view=yes' /></object></div>       

              </body>

      </html>

       

       

      I have tried the following options as suggested in earlier KB articles, but still unable to get this running.

      Re: 'X-Frame-Options' to 'DENY'

       

      Any suggestions on this would be helpful.