bob_carr

Tooltip Connector Placement - dijit.tooltipDialog

Discussion created by bob_carr on Apr 9, 2013
Latest reply on May 14, 2013 by bob_carr
This past week, implementing a tooltipDialog popup similar to the ArcGIS sample posted at: http://developers.arcgis.com/en/javascript/samples/fl_hover/, I am encountering the same sort of tooltip connector displacement shown in the sample, and unsure how to correct it.  At the sample page, opening a tooltip dialog shows the tooltip connector rendered at the lower-left corner of the dialog, and not connected to the feature being displayed.

Below is the code we are using for a similar tooltip dialog.

wsDialog = new dijit.TooltipDialog({ 
    id: "wsDialog", 
    style: "width: 375px; font: normal normal normal 10pt Helvetica;z-index:100",
    onMouseLeave: function(){
        dijit.popup.close(wsDialog);
        map.graphics.clear();
        window.clearTimeout(timeOutAction);
    }
}); 

wsDialog.startup(); 
dojo.connect(dijit.byId("wsDialog"),'onShow',function(){
    dijit.byId("wscontpane").resize();
});
          
maphandles.push(dojo.connect(FL_fs_pr_ws,"onMouseOut",function() {
      window.clearTimeout(timeOutAction);
}));

//listen for when the onMouseOver event fires on the prioritywatershedsLayer 
//when fired, create a new graphic with the geometry from the event.graphic and add it to the maps graphics layer 
maphandles.push(dojo.connect(FL_fs_pr_ws, "onMouseOver", function(evt) { 
      if (timeOutAction !== undefined) {
          // if timeOutAction is not null or undefined, clear it out.
          window.clearTimeout(timeOutAction);
      }
      timeOutAction = window.setTimeout(function () {
          map.graphics.clear();
          var highlightGraphic = new esri.Graphic(evt.graphic.geometry,pr_ws_hiliteSymbol); 
          map.graphics.add(highlightGraphic); 
            
         var content = getTextContent(evt.graphic);
         wsDialog.setContent(content); 
         dojo.style(wsDialog.domNode, "opacity", 0.85); 
         dijit.popup.open({popup: wsDialog, x:evt.pageX,y:evt.pageY}); 
              },500);
})); 


Looking at the CSS, I saw no settings that seemed to affect connector placement.  A screen capture showing tooltip connector displacement is attached.

Thanks.

Attachments

Outcomes