3 Replies Latest reply on Aug 28, 2017 6:14 AM by ankit.ravi

    Tooltip displaying at the top left of Viz

    Rob Pel

      All the views I embed in my asp.net application display the tool tip at the top left of the viz as opposed to where the mouse is hovering. How can I fix/change this?

      I would expect the box to appear next to the hand/mouse. In some cases I can't select options on the popup because its too far from the mouse and when you move it to the box it is no longer hovering over the item and the box closes.

       

      tab.png

      Edit:

      It's putting zero for the location, how can I get it to use the mouse location?

      <div class="tab-tooltip tab-widget tab-tooltipBR" style="left: 0px; top: 0px; display: block; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; ">

       

      Edit 2:

      I tried doing a direct link with the iframe and it doesn't happen. It only does this when using trusted connection and using javascript to load the viz into a div tag.

       

      Edit 3.

      It also does it with a direct link using javascript to load so it has something to do with how its being initiated with JS. I took the code from the example so I'm not sure what could be  wrong.

      <div id="tableauViz" style="width:100%; height:100%; min-height:900px"></div>

      if(viz) viz.dispose();

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

      var url = 'https://#####.com/trusted/' + ticket + _tabpath;

      var options = {

                      width: placeholderDiv.scrollWidth,

                      height: placeholderDiv.scrollHeight,

                      hideTabs: false,

                      hideToolbar: true,

                      onFirstInteractive: function () {

                          workbook = viz.getWorkbook();

                          activeSheet = workbook.getActiveSheet();

                          //apply filters ....

                           }

                     }

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

      Edit 4.

      I removed all css from the project and it still loads at the top left.