8 Replies Latest reply on Jul 15, 2015 8:05 AM by Brian Mooneyham

    showing Dashboard  as tab in IE11

    seenuvasan manoharan

      Hi All,

       

      I am using tableau desktop 8.2.3,

      I published 2 dashboard by setting display as tab ,

       

      I tried to display tableau dashboard in j query UI dialog on click of a button.  everything works fine as expected in IE8 and Firefox.

       

      but in IE11 dashboard tabs are is not showing. when load dashboard, i could see tabs but once dashboard is rendered tabs are disappeared.

       

      Also, i have append embed=yes in the URL, if i make it No tabs are showing up. but i want "embed=yes"

       

      do you have any idea why this is happening?

       

      Regards,

      M.Seenuvasan

        • 1. Re: showing Dashboard  as tab in IE11
          Russell Christopher

          It would be helpful if you gave us more information - like screenshots of the errors being thrown in the IE Dev Tools console, etc. Without some basic t-shooting information, no one will be able to help, or will just be guessing.

          • 2. Re: showing Dashboard  as tab in IE11
            seenuvasan manoharan

            Hi Russell,

             

            I published two dashboards to server with option checked as "display as tab" when published.

             

            I am NOT getting any errors. Tabs are not visible when i open dashboard in IE11 with embed=yes option.

             

            But i want embed=yes option, as i don't want see comments, tags and etc sections when render dashboards.

             

            Tabs are not showing even i specifically mention in tabs=yes in the URL.

             

            Regards,

            M.Seenuvasan

            • 3. Re: showing Dashboard  as tab in IE11
              Russell Christopher

              Works fine for me regardless of whether I embed with a simple IFRAME or use Javascript. Samples attached:

               

              ScreenHunter_22 Apr. 08 09.56.bmp

              ScreenHunter_21 Apr. 08 09.55.bmp

              • 4. Re: showing Dashboard  as tab in IE11
                seenuvasan manoharan

                Thank you Russell, i tried to show your sample HTML Inside my application and works fine as expected. But my workbook is not showing tabs for some reason.

                 

                I am rendering tableau in side JqueryUI dialog on click of a button which is inside dialog, as enclosed in my sample. Everything works in sample but not in my application, not sure what is wrong even though i tried to replicate all the steps in sample.

                 

                HTML:

                 

                <!DOCTYPE html>

                <html>

                <head>

                    <title>tableau test</title>

                    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

                    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

                    <script type="text/javascript" src="https://tableau.russellchristopher.org/javascripts/api/tableau_v8.js"></script>

                    <link rel="stylesheet" type="text/css" href="jquery-ui-1.9.2.custom.css">

                </head>

                 

                <body>

                 

                    <div id="div2" style="left: 0px; top: 0px;"></div>

                    <input type="button" value="open Tableau" id="openpopup" />

                    <div id="tableaudiv" style="display: none">

                        <input type="button" id="showdashobard"  value="show tableau"/>

                        <iframe id="tableauframe" height="600" width="600" ></iframe>

                        <!--src="https://tableau.russellchristopher.org/t/SkunkWorks/views/JavaScriptTarget/SalesbyDate?embed=y"-->

                    </div>

                </body>

                 

                </html>

                 

                <script type="text/javascript">

                    $(document).ready(function () {

                        //$(initialize);

                        $(document).on("click", "#openpopup", function () {

                            $("#tableaudiv").dialog({

                                height: 640,

                                width: "60%",

                                modal: true,

                                resizable: false,

                                draggable: false,

                                show: {

                                    effect: "fade",

                                    duration: 1000

                                },

                                hide: {

                                    effect: "fade",

                                    duration: 500

                                },

                                title: "Dialog test",

                                close: function (event, ui) {

                                }

                            });

                        });

                 

                        $(document).on("click", "#showdashobard", function () {

                            $("#tableauframe").attr('src', 'https://tableau.russellchristopher.org/t/SkunkWorks/views/JavaScriptTarget/SalesbyDate?embed=y');

                        });

                        var serverName = "localhost", mainViz, mainWorkbookl

                        var trustedTicket = "cNYEWZ63F6YAnhjeLjZ68mqz2"; // Modify this each time you execute

                 

                        function initialize() {

                 

                            var placeholderDiv = document.getElementById("div2");

                            //  var url = "http://localhost/trusted/" + trustedTicket + "/views/JavaScriptTarget/SalesbyDate?:embed=y&:display_count=no&:showVizHome=no";

                            var url = "https://tableau.russellchristopher.org/t/SkunkWorks/views/JavaScriptTarget/SalesbyDate?embed=y";//SalesbyDate?&:toolbar=top";

                            var options = {

                                width: 900,

                                height: 600,

                                hideTabs: false,

                                hideToolbar: false,

                                onFirstInteractive: function () {

                 

                 

                                    initLoader()

                 

                                    var timer = $.timer(function () {

                 

                                        initLoader();

                                    });

                                    timer.set({ time: refreshInterval, autostart: true });

                 

                                }

                            }

                 

                            try {

                                viz = new tableauSoftware.Viz(placeholderDiv, url, options);

                            } catch (e) {

                                alert(e);

                            }

                        }

                    });

                </script>

                 

                Regards,

                M.Seenuvasan

                • 5. Re: showing Dashboard  as tab in IE11
                  Russell Christopher

                  Perhaps you could try your code against a different workbook and see if the issue is specific to the actual published workbook? Does my code work with your workbook? Does your code work with MY viz or a different viz on your server?

                  • 6. Re: showing Dashboard  as tab in IE11
                    seenuvasan manoharan

                    Hi Russell,

                     

                    I tried other sample workbook having same issue. But when i tried your sample inside my application its working as expected.  what was the step you took while publish. I published by selecting "display as tab" checkbox

                     

                    Regards,

                    M.Seenuvasan

                    • 7. Re: showing Dashboard  as tab in IE11
                      Russell Christopher

                      Yup! That's all I did as well. If you want to post a "test" workbook of yours, I'd be happy to publish it to my server...or you might want to try and publish one of your workbooks to Tableau Public and then see if the behavior changes.

                       

                      Have you tried IE11 on multiple machines? Maybe it's just YOUR client machine that is the problem?

                      • 8. Re: showing Dashboard  as tab in IE11
                        Brian Mooneyham

                        FYI, this same issue is also happening when embedding into sharepoint via page viewer web part.